Loading...

Front End
Projects

A Repository where different types of Front - End Projects are present. If you have any front end project then you can contribute to this open source repository.

Contribute Now

PROJECTS

Projects

3D Login Page

HTMLCSSJavaScript

This is a 3D SignUp or SignIn page made using HTML, CSS and JavaScript.

3D Maze

HTMLCSSJavaScript

This is a 3D maze made using HTML, CSS and JavaScript.It navigates through the maze using the arrow keys on the keyboard. Once the maze is completed, there would be a secret key.

Air Quality

HTMLCSSJavaScript

It is atmospheric Air Quality checker built using HTML, CSS and JavaScript. Based on Latitude and Longitude, it shows the Air Quality Index(concentration of pollutants) of that particular location.

Analog Clock

HTMLCSSJavaScript

It is analog clock built using HTML, CSS and JavaScript. It shows the current time of the system. It is a simple analog clock with hour, minute and second hands.

Logistic-Company

HTMLCSSJavaScript

It is a Logistic Company landing Page with essential features for a logistic company

Animated Card

HTMLCSS

It is animated card built using HTML,CSS.

Armstrong Number Checker

HTMLCSS, JavaScript

It is a simple Armstrong Number Checker built using HTML, CSS and JavaScript. It checks whether the given number is an Armstrong Number or not.

Audio-Text Converter

HTMLCSSJavaScript

It is basic audio to text convertor that uses Voice Recognition.

Beauty Zone

HTMLCSSJavaScript

It is a bridal makeup website built using HTML, CSS and JavaScript.

Beyblade Card Catalog

HTMLCSSJavaScript

Beyblade Card Catalog will showcase Beyblade cards. The project will leverage a JSON file containing data for various Beyblade cards. This data will be dynamically fetched and utilized to populate the card catalog. The frontend page will incorporate a filtering mechanism to allow users to narrow down their card search.

Bill Tip Calculator

HTMLCSSJavaScript

Bill Tip Calculator is used to calculate tips per person and is built using html, css and javascript .

Blog Project Website

HTMLCSSJavaScript

It is a simple blog website built using html,css and javascript. It is a responsive website that can be viewed on any device.

BMICalculator

HTMLCSSJavaScript

BMI calculator is used to calculate BMI of the person based on height and weight.

Bookcase

HTMLCSSJavaScript

Book case is a website where one can store their all the finished and unfinished books.

Bookmarker_App

HTMLCSSJavaScript

BookMarker App is used to save bookmarks using name of website.

Breathe Meditation

HTMLCSSJavaScript

Breathe Meditation is used to relax the mind and body. It is built using html, css and javascript .

Caesar Cipher

HTMLCSSJavaScript

Caesar Cipher is the encryption tool that encrypts the text by shifting the letters by a certain number of places. It is built using html, css and javascript .

Calculator

HTMLCSSJavaScript

Calculator is used to perform basic arithmetic operations. It is built using html, css and javascript .

Calendar

HTMLCSSJavaScript

Calendar is used to display the current date. It is built using html, css and javascript .

Captcha Checker

HTMLCSSJavaScript

Captcha Checker is used to check if the entered captcha is valid or not.

Cards Component

HTMLCSSJavaScript

Cards components is built using html, css and javascript .

Chess

HTMLCSSJavaScript

Chess is a two player strategy board game played on a chessboard, a checkered game board with 64 squares arranged in an 8×8 grid. It is built using html, css and javascript .

Code Editor

HTMLCSSJavaScript

Code Editor is used to write and edit the source code of computer programs. It is built using html, css and javascript .

Corona Tracker

HTMLCSSJavaScript

Corona update is used to track the number of cases, deaths and recoveries of corona virus. It is built using html, css and javascript .

Countify

HTMLCSSJavaScript

Countify is used to count the number of words, characters in a paragraph. It is built using html, css and javascript .

Crypto Dashboard

HTMLCSSJavaScript

Crypto Dashboard is used to get get crypto related updates.

DashBoard

HTMLCSSJavaScript

DashBoard is used to display the status. It is built using html, css and javascript .

Day Planner

HTMLCSSJavaScript

Day Planner is used to plan the day. It is built using html, css and javascript .

Dictionary

HTMLCSSJavaScript

Dictionary is used to get the meaning of the word. It is built using html, css and javascript .

Dictionary WebApp

HTMLCSSJavaScript

It is a dictionary web app built using HTML, CSS and JavaScript. It uses the Oxford Dictionary API to fetch the meaning of the word.

Digital Clock

HTMLCSSJavaScript

Digital Clock is used to display the current time. It is built using html, css and javascript .

Drawing App

HTMLCSSJavaScript

Drawing App is used to draw on the screen. It is built using html, css and javascript .

Drink Water Reminder Application

HTMLCSSJavaScript

Drink Water Reminder Application is used to remind the user to drink water after every fixed interval. It is built using html, css and javascript .

Dynamic JS Quiz

HTMLCSSJavaScript

It is a quiz app built using html, css and javascript .

E-commerce Landing Page

HTMLCSSJavaScript

E commerce Landing page is used to display the products of the company. It is built using html, css and javascript .

Education Website

HTMLCSSJavaScript

It is an education website built using HTML, CSS and JavaScript. It is a responsive website that can be viewed on any device.

Emoji Rating

HTMLCSSJavaScript

Emoji Rating is used to rate the product. It is built using html, css and javascript .

Expanding Card Design

HTMLCSSJavaScript

Expanding Card Design is used to display the image in a bigger size. It is built using html, css and javascript .

Expense Tracker

HTMLCSSJavaScript

Expense Tracker is used to track the expenses. It is built using html, css and javascript .

EzyMath

HTMLCSSJavaScript

Ezy Math is a website that helps students to learn mathematics in a fun way. It is built using HTML, CSS and JavaScript. It is a responsive website that can be viewed on any device.

FAQ Page

HTMLCSS

It contains the frequently asked questions and their answers. It is built using HTML and CSS.

Favicon Fetcher

HTMLCSSJavaScript

Favicon Fetcher is used to fetch the favicon of the website. It is built using html, css and javascript .

Filters

HTMLCSSJavaScript

Filters is used to filter the images based on the category. It is built using html, css and javascript .

Fitness-website

HTMLCSSJavaScript

The Fitness Website is alanding page , web application designed to help users learn and visualize various exercises for different muscle groups.It is built using html, css and javascript .

Github Profile Wrapper

HTMLCSSJavaScript

Github Profile Wrapper is used to display the github profile of the user. It is built using html, css and javascript .

Gooey Cursor

HTMLCSSJavaScript

Gooey Cursor is used to display the cursor in a different way. It is built using html, css and javascript .

Google Clone

HTMLCSSJavaScript

Google Clone is a clone of the google search engine. It is built using HTML, CSS and JavaScript. It is a responsive website that can be viewed on any device.

Google Drive Clone

HTMLCSSJavaScript

Google Drive Clone is a clone of the google drive. It is built using HTML, CSS and JavaScript. It is a responsive website that can be viewed on any device.

Gym-Website

HTMLCSSJavaScript

Gym Website is a website that displays the information about the gym. It is built using HTML, CSS and JavaScript. It is a responsive website that can be viewed on any device.

Hex Code Generator

HTMLCSSJavaScript

Hex Code Generator is used to generate the hex code of the color. It is built using html, css and javascript .

Hidden Search

HTMLCSSJavaScript

Hidden Search is used to display the search bar when the user clicks on the search icon. It is built using html, css and javascript .

Hoolix-Digital Agency Website

HTMLCSSJavaScript

Digital Agency Website is a website that displays the information about the digital agency. It is built using HTML, CSS and JavaScript. It is a responsive website that can be viewed on any device.

Image Editor

HTMLCSSJavaScript

Image Editor is used to edit the image. It is built using html, css and javascript .

Image Slider

HTMLCSSJavaScript

Image Slider is used to display the images in a slider. It is built using html, css and javascript .

Jaguar Car Website

HTMLCSSJavaScript

It is a Jaguar Car Website built using HTML, CSS and JavaScript. It is a responsive website that can be viewed on any device.

Jumble Word

HTMLCSSJavaScript

Jumble Word is a game in which the user has to guess the word. It is built using HTML, CSS and JavaScript.

Language Translator

HTMLCSSJavaScript

Language Translator is used to translate the text from one language to another. It is built using HTML, CSS and JavaScript.

Loan Calculator

HTMLCSSJavaScript

Loan Calculator is used to calculate the loan amount, interest and monthly payment. It is built using HTML, CSS and JavaScript.

Lyrics Search

HTMLCSSJavaScript

Lyrics_Search is used to search the lyrics of the song. It is built using HTML, CSS and JavaScript.

Magic Balls

HTMLCSSJavaScript

Magic balls is a game in which the user has to ask YES/NO question. It is built using HTML, CSS and JavaScript.

Meme Generator

HTMLCSSJavaScript

Meme Generator is used to generate the memes. It is built using HTML, CSS and JavaScript.

Memory Game

HTMLCSSJavaScript

Memory Game is a game in which the user has to remember the colour. It is built using HTML, CSS and JavaScript.

MixTape

HTMLCSSJavaScript

Mix Tape is a music player built using HTML, CSS and JavaScript. It is a responsive website that can be viewed on any device.

Modern Credit Card Form

HTMLCSSJavaScript

Modern Credit Card Form is used to display the credit card form. It is built using HTML, CSS and JavaScript.

MovieDataBase

HTMLCSSJavaScript

Movie Database is used to display the information about the movies. It is built using HTML, CSS and JavaScript. It is a responsive website that can be viewed on any device.

Music Player

HTMLCSSJavaScript

Music Player is used to play the music. It is built using HTML, CSS and JavaScript. It is a responsive website that can be viewed on any device.

Music Player

HTMLCSSJavaScript

Music Player is used to play the music. It is built using HTML, CSS and JavaScript. It is a responsive website that can be viewed on any device.

Music Player

HTMLCSSJavaScript

Music Player is used to play the music. It is built using HTML, CSS and JavaScript. It is a responsive website that can be viewed on any device.

Myntra Clone

HTMLCSSJavaScript

Myntra Clone is a clone of the Myntra website. It is built using HTML, CSS and JavaScript. It is a responsive website that can be viewed on any device.

Notes App

HTMLCSSJavaScript

Notes App is used to take notes. It is built using HTML, CSS and JavaScript.

Number_Guessing_Game

HTMLCSSJavaScript

Number Guessing Game is a game in which the user has to guess the number. It is built using HTML, CSS and JavaScript.

OTP Verification

HTMLCSSJavaScript

OTP Verification is used to verify the OTP. It is built using HTML, CSS and JavaScript.

Palindrome Checker

HTMLCSSJavaScript

Palindrome Checker is used to check whether the word is palindrome or not. It is built using HTML, CSS and JavaScript.

Password Generator

HTMLCSSJavaScript

Password Generator is used to generate the password. It is built using HTML, CSS and JavaScript.

PDF Merger

HTMLCSSJavaScript

Pdf Merger is used to merge the pdf files. It is built using html, css and javascript .

PinCode Checker

HTMLCSSJavaScript

PinCode Checker is used to check the pincode of the area. It is built using html, css and javascript .

Ping-Pong

HTMLCSSJavaScript

Ping Pong is a game in which the user has to hit the ball. It is built using HTML, CSS and JavaScript.

Prime Number Checker

HTMLCSSJavaScript

It is used to check number is odd or even. It is built using HTML, CSS and JavaScript.

QR Code Generator

HTMLCSSJavaScript

QR Code Generator is used to generate the QR Code of the text. It is built using HTML, CSS and JavaScript.

QR Code Reader

HTMLCSSJavaScriptNode Library

The user can upload or either scan the QR Code from their device and the application provides the link of the QR Code scanned.

Reaction_App

HTMLCSSJavaScript

Reaction Time Test is a game in which the user has to click on the screen when the color changes. It is built using HTML, CSS and JavaScript.

Recipe Finder

HTMLCSSJavaScript

Recipe Finder is used to find the recipe of the dish. It is built using HTML, CSS and JavaScript.

Save Text as File

HTMLCSSJavaScript

Save Text as File is used to save the text as file of various formats. It is built using html, css and javascript .

Screen Recorder

HTMLCSSJavaScript

Screen Recorder is used to record the screen. It is built using html, css and javascript .

Shades - Business Website

HTMLCSSJavaScript

Shades is a business website built using HTML, CSS and JavaScript. It is a responsive website that can be viewed on any device.

SignIn Page

HTMLCSSJavaScript

It is a sign in page built using HTML, CSS and JavaScript.

Sorting Visualizer

HTMLCSSJavaScript

Sorting Visualizer is used to visualize the sorting algorithms. It is built using HTML, CSS and JavaScript.

Space Tourism Website

HTMLCSSJavaScript

Space Tourism Website is a website that displays the information about the space tourism. It is built using HTML, CSS and JavaScript. It is a responsive website that can be viewed on any device.

Split landing Page

HTMLCSSJavaScript

Split Landing Page is used to display information about more than one thing. It is built using html, css and javascript .

Spotify Clone

HTMLCSSJavaScript

Spotify Clone is a clone of the spotify website. It is built using HTML, CSS and JavaScript. It is a responsive website that can be viewed on any device.

Step Progress Bar

HTMLCSSJavaScript

Step Progress Bar is used to display the progress of the steps. It is built using html, css and javascript .

Stone Paper Scissors

HTMLCSSJavaScript

Stone Paper Game is a game in which the user has to choose the stone, paper or scissor. It is built using HTML, CSS and JavaScript.

Stop Watch

HTMLCSSJavaScript

Stop Watch is used to display the time. It is built using html, css and javascript .

Student Enrollment Form

HTMLCSSJavaScript

Student Enrollment Form is used to enroll the student. It is built using html, css and javascript .

Student Service Portal

HTMLCSSJavaScript

Student Service Portal is used to display the information about the services for student. It is built using html, css and javascript .

Talking ChatBot

HTMLCSSJavaScript

Talking ChatBot is used to chat with the bot. It is built using html, css and javascript .

TaskList

HTMLCSSJavaScript

Task List is used to add the task. It is built using html, css and javascript .

Temperature Converter

HTMLCSSJavaScript

Temperature Converter is used to convert the temperature from one unit to another. It is built using html, css and javascript .

Text-Utils

HTMLCSSJavaScript

Text Utils is used to perform various operations on the text. It is built using html, css and javascript .

The Great DrumKit

HTMLCSSJavaScript

Snake, Water and Gun Game

HTMLCSSJavaScript

Snake, Water and Gun Game is a game in which the user has to choose the snake, water or gun. It is built using HTML, CSS and JavaScript.

Theme Switcher

HTMLCSSJavaScript

Tic Tac Toe Game

HTMLCSSJavaScript

Tic Tac Toe Game is a game in which the user has to play with X's and O's. It is built using HTML, CSS and JavaScript.

Timer

HTMLCSSJavaScript

It is a timer built using HTML, CSS and JavaScript.

Tiny MCE

HTMLCSSJavaScript

TinyMCE is built using html, css and javascript .

Tourism

HTMLCSSJavaScript

Tourism is a website that displays the information about the tourism. It is built using HTML, CSS and JavaScript. It is a responsive website that can be viewed on any device.

Tripocity

HTMLCSSJavaScript

Tripocity is a website that displays the information about the tourism. It is built using HTML, CSS and JavaScript. It is a responsive website that can be viewed on any device.

Truth Table Generator

HTMLCSSJavaScript

Truth Table Generator is used to generate the truth table of the given expression. It is built using html, css and javascript .

Typing Speed Game

HTMLCSSJavaScript

Typing Speed Game is a game in which the user has to type the word and some parameters would be tested. It is built using HTML, CSS and JavaScript.

Villa Hotel Website

HTMLCSSJavaScript

Villa Hotel Website is a website that displays the information about the hotel. It is built using HTML, CSS and JavaScript. It is a responsive website that can be viewed on any device.

Virtual Keyboard

HTMLCSSJavaScript

Virtual Keyboard is used to type the text without mechanical keyboard. It is built using html, css and javascript .

Visit Counter

HTMLCSSJavaScript

Visit Counter is used to count the number of visitors on the website. It is built using html, css and javascript .

Voyage Slider GSAP

HTMLCSSJavaScript

Voyage Slider GSAP is used to display the images in a slider. It is built using html, css and javascript .

Weather

HTMLCSSJavaScript

Weather website is used to display the weather details of the city. It is built using html, css and javascript .

Weight Convertor

HTMLCSSJavaScript

Weight Convertor is used to convert the weight from one unit to another. It is built using html, css and javascript .

Whack A Mole

HTMLCSSJavaScript

Whack a mole is a game in which the user has to hit the mole. It is built using HTML, CSS and JavaScript.

WhiteBoard

HTMLCSSJavaScript

White Board is used to draw on the screen. It is built using html, css and javascript .

Wikipedia

HTMLCSSJavaScript

Wikipedia is used to search the information about the topic. It is built using html, css and javascript .

Windows 11

HTMLCSSJavaScript

Windows 11 is a clone of the windows 11. It is built using HTML, CSS and JavaScript. It is a responsive website that can be viewed on any device.

Resume Creator

HTMLCSSJavaScript

This project uses Basic HTML, CSS, JavaScript to create a basic Resume Creator, where you can create your resume and most important download the created Resume.

Realtime Currency Converter

HTMLCSSJavaScript

This is a currency converter web application that fetches real-time data for currency conversion rates using HTML, CSS, and JavaScript. The application allows users to convert currencies by selecting the source currency and the target currency, and it provides an interface to easily switch between the two selected values.

World Info Website

HTMLCSSJavaScript

World Info Website is used to display the information about the world. It is built using html, css and javascript .

Huffman Compressor

HTMLCSSJavaScriptC++

Implemented the Huffman coding algorithm achieving efficient data compression without loss of information.

Zomato Landing Page

HTMLCSSJavaScript

Zomato Landing Page is a clone of the zomato website. It is built using HTML, CSS and JavaScript. It is a responsive website that can be viewed on any device.

MESSI MANIA

HTMLCSSJavaScript

A simple fan made webpage of LIONEL MESSI

Morse Code Convertor

HTMLCSSJavaScript

This website can convert the morse code into the text and text into the morse code. It is built using HTML, CSS and JavaScript. It is a responsive website that can be viewed on any device.

Leap Years In A Range

HTMLCSSJavaScript

This website can find the number of leap years in between the ranges and enlist all the leap years between the range of years. It is built using HTML, CSS and JavaScript. It is a responsive website that can be viewed on any device.

Guess The Gender By Name

HTMLCSSJavaScript

This website can guess the gender just by entering the name of the person. It is built using HTML, CSS and JavaScript. It is a responsive website that can be viewed even on any device.

Text-Utilities

HTMLCSSJavaScript

This website can be used to manipulate text in several ways such as change to uppercase or lowercase , and remove extra spaces etc.

Playable Piano

HTMLCSSJavaScript

This project is a beginner friendly and helpful who are new to frontend technology. It is built using HTML, CSS and JavaScript. It is a responsive website that can be viewed even on any device.

Solar System Model

HTMLCSSJavaScript

Solar system model is the animated project using CSS. It is built using HTML, CSS and JavaScript. It is a responsive website that can be viewed on any device. Adding data of different solar bodies will makes this website more informative.

Solar System Model

HTMLCSSJavaScript

Sound Equalizer

HTMLCSSJavaScript

Sound Equalizer is a clone of the sound equalizer system. It is built using HTML, CSS and JavaScript. It is a responsive website that can be viewed on any device.

Lorem Ipsum Generator

HTMLCSSJavaScript

This project can generate random written paragraphs. It is built using HTML, CSS and JavaScript. It is a responsive website that can be viewed on any device.

Carbon FootPrint Calculator

HTMLCSSJavaScript

Carbon FootPrint Calculator is an Eco-Friendly Calculator to help you keep your carbon emissions in check and help save the environment, built using HTML, CSS and JavaScript. It is a responsive website that can be viewed on any device.

Video Player

HTMLCSSJavaScript

This website can be used to play videos. This application give the feeling of video gallery as of our mobile phone.

Chatbot

HTMLCSSJavaScript

This is a Chatbot Website you can ask your any doubts this provides solutions with the help of GPT fetched API.

Random Meal Generator

HTMLCSSJavaScript

Random Meal Generator can generator different meals. It is built using HTML, CSS and JavaScript. It is a responsive website that can be viewed on any device.