🚀 100 Days 100 Web Projects

🚀 Looking to generate a polished GitHub profile README? Click here to go to GitHub Readme Tech

🌟 About This Project

Welcome to 100 Days 100 Web Projects! This is a comprehensive collection of 112+ web development projects ranging from beginner to intermediate level. Our goal is to help developers learn and practice web development through hands-on projects using various technologies.

🎯 What You'll Find Here:

Frontend Projects: HTML, CSS, JavaScript, React, Vue.js
Backend Projects: Node.js, Express.js, Flask, MERN Stack
Full-Stack Applications: Complete web applications with frontend and backend
Interactive Games: Browser-based games and entertainment apps
Utility Tools: Practical web tools and calculators
UI Components: Reusable components and design patterns

🔥 Featured Technologies:

🚀 Live Demo

🌐 Visit the Live Website: 100-days-100-web-project.vercel.app

The website features:

Interactive project showcase
Search functionality to find specific projects
Direct links to all project demos
Beautiful dark/light theme toggle
Responsive design for all devices

📚 All Projects (196 Total)

🎮 Interactive Demo Available!

🌐 Visit Live Website to see all projects with working demos!

Day	Project Name	Difficulty	Demo
1	To-Do List	beginner	View Demo
2	Digital Clock	beginner	View Demo
3	Indian Flag	beginner	View Demo
4	Dropdown Nav Bar	beginner	View Demo
5	Animated Cursor	beginner	View Demo
6	Auto Background Image Slider	beginner	View Demo
7	Typewriter	advanced	View Demo
8	Parallel-X Website	intermediate	View Demo
9	Captcha Generator	intermediate	View Demo
10	QR Code Generator	intermediate	View Demo
11	Serve Website Using Express	intermediate	View Demo
12	Nodemailer Contact Form	intermediate	View Demo
13	Login Form Using MERN	intermediate	View Demo
14	File Uploader	intermediate	View Demo
15	Progress Bar	beginner	View Demo
16	Scroll Bar CSS	beginner	[View Demo](https://100-days-100-web-project.vercel.app/public/Custom Scroll Bar/index.html)
17	Slider Using Swiper API	intermediate	View Demo
18	Carousel Solar System	intermediate	View Demo
19	Planto	beginner	View Demo
20	EveSparks	intermediate	View Demo
21	Video BG Slider Using React	intermediate	View Demo
22	Page Loader	beginner	View Demo
23	Jarvis Virtual Assistant	intermediate	View Demo
24	Chat Bot	intermediate	[View Demo](https://100-days-100-web-project.vercel.app/public/AI ChatBot/chatbot.html)
25	Tic-Tac-Toe	beginner	View Demo
26	Maze Game	intermediate	View Demo
27	Memory Game	beginner	View Demo
28	Wordle	intermediate	View Demo
29	Snake Game	beginner	View Demo
30	Flappy-bird-game	intermediate	View Demo
31	Password Manager	intermediate	View Demo
32	Missionaries & Cannibals	intermediate	View Demo
33	Weather Forecasting	intermediate	View Demo
34	Email Validator	beginner	View Demo
35	Vanilla-JavaScript-Calculator	beginner	View Demo
36	Medical App	intermediate	View Demo
37	2048 Game	intermediate	View Demo
38	Github Profile Finder	intermediate	View Demo
39	Notes App	beginner	View Demo
40	Analog Clock	beginner	View Demo
41	Scroll Dark Game	intermediate	View Demo
42	Amazon App	intermediate	View Demo
43	Password Generator	beginner	View Demo
44	BMI Calculator	beginner	View Demo
45	Black Jack	intermediate	View Demo
46	Palindrome Generator	beginner	View Demo
47	Ping Pong Game	intermediate	View Demo
48	TextToVoiceConverter	intermediate	View Demo
49	Url Shortener	intermediate	View Demo
50	Recipe Genie	intermediate	View Demo
51	Netflix Landing Page Clone	beginner	View Demo
52	ClimaCode	intermediate	View Demo
53	E-Commerce Website with Simple Cart Functionality	intermediate	View Demo
54	Budget Tracker	intermediate	View Demo
55	Cricket Game	intermediate	View Demo
56	Pastebin using svelte	intermediate	View Demo
57	Glowing Social Media Icons	beginner	View Demo
58	Music App	intermediate	View Demo
59	Blog Page	beginner	View Demo
60	Marketing template website	beginner	View Demo
61	Hologram Button	beginner	View Demo
62	Solar System Explorer	intermediate	View Demo
63	Image to Text App	intermediate	View Demo
64	Zomato-clone	beginner	View Demo
65	The Cube	intermediate	View Demo
66	Flask Authentication App	intermediate	View Demo
67	Blog-Website	beginner	View Demo
68	3d Rotating Card	intermediate	View Demo
69	Spotify Clone Project	intermediate	View Demo
70	Insect-Catch_Game	intermediate	View Demo
71	Quotely Laughs	beginner	View Demo
72	Contact Book	intermediate	View Demo
73	Candy_Crush_Game	intermediate	View Demo
74	Stock Profit Calculator	beginner	View Demo
75	code-space-game project	intermediate	View Demo
76	Animated Searchbar	beginner	View Demo
77	Rock-Paper-Scissor-game project	intermediate	View Demo
78	NPM Package Search	intermediate	View Demo
79	Linkedin Homepage Clone	intermediate	View Demo
80	Resume Studio	intermediate	View Demo
81	Simon Says Game	intermediate	View Demo
82	Love Calculator Game	beginner	View Demo
83	Exchange Currency	intermediate	View Demo
84	Lights Out Puzzle	intermediate	View Demo
85	Image Search Engine	intermediate	[View Demo](https://100-days-100-web-project.vercel.app/public/Image Search Engine/index.html)
86	Profile Card	beginner	[View Demo](https://100-days-100-web-project.vercel.app/public/3d profile Card/index.html)
87	Breakout game	intermediate	View Demo
88	Job dashboard	intermediate	[View Demo](https://100-days-100-web-project.vercel.app/public/Job dashboard/jobs.html)
89	N-Queen	intermediate	View Demo
90	Quiz App Timer	beginner	[View Demo](https://100-days-100-web-project.vercel.app/public/QuizeApp Timer/index1.html)
91	Voting Application Backend	intermediate	View Demo
92	Slide puzzle Game	intermediate	[View Demo](https://100-days-100-web-project.vercel.app/public/Slide puzzle Game/index.html)
93	TextUtils	beginner	View Demo
94	Hangman Game	intermediate	View Demo
95	TodoList in React TS Tailwind	intermediate	View Demo
96	HCL Color Generator	beginner	[View Demo](https://100-days-100-web-project.vercel.app/public/HCL Color Generator/index.html)
97	Time Capsule	intermediate	View Demo
98	Virtual Piano	intermediate	View Demo
99	NASA-APOD Extension	intermediate	View Demo
100	Text Saver Extension	intermediate	View Demo
101	Personal Finance Tracker	intermediate	View Demo
102	Travel Booking Website	intermediate	View Demo
103	Drumkit Game	beginner	View Demo
104	Debug-Website	beginner	View Demo
105	Periodic Table	beginner	[View Demo](https://100-days-100-web-project.vercel.app/public/Periodic Table/index.html)
106	Plants Website	beginner	[View Demo](https://100-days-100-web-project.vercel.app/public/Plants Website/index.html)
107	DocNow	intermediate	View Demo
108	expense_Tracker	intermediate	View Demo
109	Mood Tracker	intermediate	[View Demo](https://100-days-100-web-project.vercel.app/public/Mood Tracker/index.html)
110	CRYPTOSHOW	intermediate	View Demo
111	Whack-a-Mole Game	intermediate	[View Demo](https://100-days-100-web-project.vercel.app/public/Whack-a-Mole Game/index.html)
112	Nykaa Clone Website	intermediate	View Demo
113	CPU Scheduler	intermediate	View Demo
114	EchoNotes	intermediate	View Demo
115	Event Registration System	intermediate	View Demo
116	AI Image Classifier	intermediate	View Demo
117	Habit Tracker Web App	intermediate	View Demo
118	Particle Effect	intermediate	[View Demo](https://100-days-100-web-project.vercel.app/public/Particle Wave Animation/index.html)
119	Virtual Playground	intermediate	View Demo
120	Typing Speed Test	intermediate	View Demo
121	InterviewSimulator	intermediate	View Demo
122	AstronomyDashboard	advanced	View Demo
123	Pomodoro Timer	intermediate	View Demo
124	Hurdle Highway 2D	intermediate	View Demo
125	Snakeladder	intermediate	View Demo
126	Temperature Converter	beginner	View Demo
127	Particle Wave Animation	intermediate	[View Demo](https://100-days-100-web-project.vercel.app/public/Particle Wave Animation/index.html)
128	Reaction Time Test	intermediate	View Demo
129	YouTube Clone	beginner	[View Demo](https://100-days-100-web-project.vercel.app/public/youtube clone/index.html)
130	Dino Game	beginner	View Demo
131	Retro Highway Racer	intermediate	View Demo
132	Pokedex	intermediate	View Demo
133	Stock Market Simulator	intermediate	View Demo
134	Coin Scratch	intermediate	[View Demo](https://100-days-100-web-project.vercel.app/public/Coin Scratch/index.html)
135	Shooting game	intermediate	[View Demo](https://100-days-100-web-project.vercel.app/public/shooting game/index.html)
136	Sudoku Solver	intermediate	View Demo
137	Maths Quiz Game	intermediate	View Demo
138	Age Calculator	beginner	View Demo
139	Ludo game	intermediate	View Demo
140	Big Sales Prediction	advanced	View Demo
141	Dice Roller	intermediate	View Demo
142	Geo Guesser game	intermediate	View Demo
143	Morse Code Translator	beginner	View Demo
144	Car Racing game	intermediate	[View Demo](https://100-days-100-web-project.vercel.app/public/racing game/index.html)
145	Magic 8 Ball	intermediate	View Demo
146	Data Structures Visualizer	intermediate	[View Demo](https://100-days-100-web-project.vercel.app/public/Data Structures Visualizer/index.html)
147	Chronosphere	intermediate	View Demo
148	Contest Tracker	advanced	View Demo
149	GitHub Profile Battle	advanced	View Demo
150	App Privacy Policy Generator	intermediate	View Demo
151	Mini Carrom Game	intermediate	[View Demo](https://100-days-100-web-project.vercel.app/public/mini carrom/index.html)
152	Physics Ball Simulation	advanced	View Demo
153	Material3 Showcase	intermediate	View Demo
154	FocusRoom	intermediate	View Demo
155	Hangman Game	advanced	View Demo
156	Placement Predictor	advanced	View Demo
157	Map Route Tracker	advanced	View Demo
158	GitHub Promo Maker	intermediate	View Demo
159	Dining Philosophers Simulation	intermediate	[View Demo](https://100-days-100-web-project.vercel.app/public/Dining Philosophers Simulation/index.html)
160	Website Personalizer	intermediate	View Demo
161	Unit-Converter	intermediate	View Demo
162	Color Palette From Art Generator	intermediate	View Demo
163	Ai Image Editor	advanced	View Demo
164	Code Visualizer Playground	advanced	View Demo
165	Amazon Clone	beginner	View Demo
166	Bordom Buster	advanced	View Demo
167	scam-sms-detector	intermediate	View Demo
168	Color Sort Puzzle game	advanced	View Demo
169	Subscription Tracker	advanced	View Demo
170	Vector Flowchart Designer	advanced	View Demo
171	Glyph Pattern Maker	advanced	View Demo
172	PlaceMate	advanced	View Demo
173	AI-Resume-Analyzer	advanced	View Demo
174	Smart Expense Splitter	advanced	View Demo
175	Dev Portfolio Generator	advanced	[View Demo](https://100-days-100-web-project.vercel.app/public/Developer portfolio/index.html)
176	AI Story Generator	advanced	View Demo
177	Interview Prep Hub	advanced	View Demo
178	Plane Take Off Simulation	intermediate	[View Demo](https://100-days-100-web-project.vercel.app/public/Plane Take Off Simulation/index.html)
179	Cyber Type Battle	intermediate	[View Demo](https://100-days-100-web-project.vercel.app/public/CYBER TYPE BATTLE/index.html)
180	RouteMaster	intermediate	View Demo
181	Aahar Share	advanced	View Demo
182	Code Execution Visualizer	advanced	View Demo
183	LeetCode Progress Tracker	advanced	View Demo
184	Minesweeper	intermediate	View Demo
185	GitHub Repository Analyser	intermediate	View Demo
186	Multi-Track Video and Audio Editor	advanced	View Demo
187	Image Compressor Web App	intermediate	View Demo
188	Leetcode Streak Visualizer	advanced	View Demo
189	PeerRTC Video Chat	advanced	View Demo
190	Endless train game	advanced	View Demo
191	Saturn Particle Gesture	advanced	View Demo
192	Interactive Story Player	intermediate	View Demo
193	Escape Room	intermediate	View Demo
194	Lost & Found Portal	intermediate	View Demo
195	Complaint Management System	advanced	View Demo
196	Flipkart Clone	intermediate	View Demo

Day	Project Name	Technologies	Type	Demo Link
1	To-Do List	HTML, CSS, JS	📝 Utility	View Demo
2	Digital Clock	HTML, CSS, JS	⏰ Widget	View Demo
3	Indian Flag	HTML, CSS	🎨 Animation	View Demo
4	Dropdown Nav Bar	HTML, CSS, JS	🧭 Navigation	View Demo
5	Animated Cursor	HTML, CSS, JS	✨ Effect	View Demo
6	Background Image Slider	HTML, CSS, JS	🖼️ Slider	View Demo
7	Typewriter Effect	HTML, CSS, JS	⌨️ Animation	View Demo
8	Parallel-X Website	HTML, CSS, JS	🌐 Website	View Demo
9	Captcha Generator	HTML, CSS, JS	🔐 Security	View Demo
10	QR Code Generator	HTML, CSS, JS	📱 Utility	View Demo
11	Express Server	Node.js, Express	🖥️ Backend	GitHub
12	Gmail Nodemailer	Node.js, Nodemailer	📧 Backend	GitHub
13	MERN Login Form	MongoDB, Express, React, Node	🔐 Full-Stack	GitHub
14	File Uploader	Node.js, Express	📁 Utility	GitHub
15	Progress Bar	HTML, CSS, JS	📊 UI Component	View Demo
16	Custom Scroll Bar	CSS	🎨 UI Component	View Demo
17	Swiper API Slider	HTML, CSS, JS	🖼️ Slider	View Demo
18	Carousel Solar System	HTML, CSS, JS	🪐 Animation	View Demo
19	Plant Website	HTML, CSS, JS	🌱 Website	View Demo
20	EveSparks	HTML, CSS, JS	✨ Website	View Demo
21	React Video Slider	React, Vite	🎥 React App	GitHub
22	Page Loader	HTML, CSS, JS	⏳ Animation	View Demo
23	Jarvis AI Assistant	HTML, CSS, JS	🤖 AI	View Demo
24	AI ChatBot	HTML, CSS, JS	💬 AI	View Demo
25	Tic-Tac-Toe	HTML, CSS, JS	🎮 Game	View Demo
26	Maze Game	HTML, CSS, JS	🎮 Game	View Demo
27	Memory Game	HTML, CSS, JS	🧠 Game	View Demo
28	Wordle Clone	HTML, CSS, JS	🎮 Game	View Demo
29	Snake Game	HTML, CSS, JS	🐍 Game	View Demo
30	Flappy Bird	HTML, CSS, JS	🐦 Game	View Demo
31	Password Manager	HTML, CSS, JS	🔐 Utility	View Demo
32	Missionaries & Cannibals	HTML, CSS, JS	🎮 Game	View Demo
33	Weather Forecasting	HTML, CSS, JS	🌤️ App	View Demo
34	Email Validator	HTML, CSS, JS	✅ Utility	View Demo
35	Vanilla JS Calculator	HTML, CSS, JS	🧮 Calculator	View Demo
36	Medical App	HTML, CSS, JS	🏥 App	View Demo
37	2048 Game	HTML, CSS, JS	🎮 Game	View Demo
38	GitHub Profile Finder	HTML, CSS, JS, API	👤 Utility	GitHub
39	Notes App	HTML, CSS, JS	📝 App	View Demo
40	Analog Clock	HTML, CSS, JS	⏰ Widget	View Demo
41	Scroll Dark Game	HTML, CSS, JS	🎮 Game	View Demo
42	Amazon Clone	HTML, CSS, JS	🛒 E-commerce	View Demo
43	Password Generator	HTML, CSS, JS	🔐 Utility	View Demo
44	BMI Calculator	HTML, CSS, JS	🧮 Calculator	View Demo
45	BlackJack Game	HTML, CSS, JS	🎰 Game	View Demo
46	Palindrome Generator	HTML, CSS, JS	📝 Utility	View Demo
47	Ping Pong Game	HTML, CSS, JS	🏓 Game	View Demo
48	Text to Voice Converter	HTML, CSS, JS	🔊 Utility	View Demo
49	URL Shortener	Node.js, Express	🔗 Backend	GitHub
50	Recipe Genie	React, Node.js	🍳 Full-Stack	GitHub
51	Netflix Clone	HTML, CSS, JS	🎬 Clone	View Demo
52	ClimaCode 2.0	HTML, CSS, JS	🌤️ App	View Demo
53	E-commerce Cart	HTML, CSS, JS	🛒 E-commerce	View Demo
54	Budget Tracker	HTML, CSS, JS	💰 Finance	View Demo
55	Cricket Game	HTML, CSS, JS	🏏 Game	View Demo
56	Pastebin Clone	Svelte	📝 App	GitHub
57	Glowing Social Icons	HTML, CSS	✨ UI Component	View Demo
58	Music App	HTML, CSS, JS	🎵 App	View Demo
59	Blog Page	HTML, CSS, JS	📝 Blog	View Demo
60	Marketing Website	HTML, CSS, JS	🌐 Website	View Demo
61	Hologram Button	HTML, CSS	✨ UI Component	View Demo
62	Solar System Explorer	HTML, CSS	🪐 Animation	View Demo
63	Image to Text App	HTML, CSS, JS	🖼️ OCR	View Demo
64	Zomato Clone	HTML, CSS, JS	🍕 Clone	View Demo
65	The Cube	HTML, CSS	🎲 3D Animation	View Demo
66	Flask Auth App	Python, Flask	🔐 Backend	GitHub
67	Blog Website	HTML, CSS, JS	📝 Blog	View Demo
68	3D Rotating Card	HTML, CSS	🎲 3D Animation	View Demo
69	Spotify Clone	HTML, CSS, JS	🎵 Clone	View Demo
70	Insect Catch Game	HTML, CSS, JS	🐛 Game	View Demo
71	Quotely Laughs	HTML, CSS, JS	😂 Entertainment	View Demo
72	Contact Book	Node.js, Express	📞 Backend	GitHub
73	Candy Crush Game	HTML, CSS, JS	🍭 Game	View Demo
74	Stock Profit Calculator	HTML, CSS, JS	📈 Finance	View Demo
75	Code Jump Space Game	HTML, CSS, JS	🚀 Game	View Demo
76	Animated Searchbar	HTML, CSS, JS	🔍 UI Component	View Demo
77	Rock Paper Scissors	HTML, CSS, JS	✂️ Game	View Demo
78	NPM Package Search	HTML, CSS, JS	📦 Utility	View Demo
79	LinkedIn Clone	HTML, CSS, JS	💼 Clone	View Demo
80	Resume Studio	HTML, CSS, JS	📄 Utility	View Demo
81	Simon Says Game	HTML, CSS, JS	🎮 Game	View Demo
82	Love Calculator	HTML, CSS, JS	💕 Fun	View Demo
83	Currency Exchange	HTML, CSS, JS	💱 Utility	View Demo
84	Lights Out Puzzle	HTML, CSS, JS	🎮 Game	View Demo
85	Image Search Engine	HTML, CSS, JS	🔍 Search	View Demo
86	3D Profile Card	HTML, CSS	🎲 3D Animation	View Demo
87	Breakout Game	HTML, CSS, JS	🎮 Game	View Demo
88	Job Dashboard	HTML, CSS, JS	💼 Dashboard	View Demo
89	N-Queen Solver	HTML, CSS, JS	👑 Algorithm	View Demo
90	Quiz App Timer	HTML, CSS, JS	❓ Quiz	View Demo
91	Voting App Backend	Node.js, Express	🗳️ Backend	GitHub
92	Slide Puzzle Game	HTML, CSS, JS	🧩 Game	View Demo
93	TextUtils	React	✏️ React App	View Demo
94	Hangman Game	HTML, CSS, JS	🎮 Game	View Demo
95	TodoList React TS	React, TypeScript, Tailwind	📝 React App	View Demo
96	HCL Color Generator	HTML, CSS, JS	🎨 Utility	View Demo
97	Time Capsule	HTML, CSS, JS	⏰ Utility	View Demo
98	Virtual Piano	HTML, CSS, JS	🎹 Music	View Demo
99	NASA APOD Extension	HTML, CSS, JS	🚀 Extension	View Demo
100	Text Saver Extension	HTML, CSS, JS	💾 Extension	View Demo
101	Finance Tracker	HTML, CSS, JS	💰 Finance	View Demo
102	Travel Booking Website	HTML, CSS, JS	✈️ Travel	View Demo
103	Drumkit Game	HTML, CSS, JS	🥁 Music	View Demo
104	Debug Website	HTML, CSS, JS	🐛 Development	View Demo
105	Periodic Table	HTML, CSS, JS	🧪 Educational	View Demo
106	Plants Website	HTML, CSS, JS	🌱 Website	View Demo
107	DocNow	HTML, CSS, JS	📄 Utility	View Demo
108	Expense Tracker	HTML, CSS, JS	💸 Finance	View Demo
109	Mood Tracker	HTML, CSS, JS	😊 Wellness	View Demo
110	CRYPTOSHOW	HTML, CSS, JS	💰 Crypto	View Demo
111	Whack-a-Mole Game	HTML, CSS, JS	🎮 Game	View Demo
112	Nykaa Clone	HTML, CSS, JS	💄 Clone	View Demo
113	CPU Scheduler	HTML, CSS, JS	⚙️ Simulator	View Demo
114	EchoNotes	HTML, CSS, JS	📝 App	View Demo
115	Event Registration System	API, JavaScript	⚙️ Tool	View Demo
116	AI Image Classifier	API, JavaScript	🤖 AI Tool	View Demo
117	Habit Tracker Web App	HTML, CSS, JS	📋 Productivity	View Demo
118	Particle Effect	HTML, CSS, JS, Canvas	🎨 Animation	View Demo
119	Virtual Playground	HTML, CSS, JS	🎮 Game	View Demo
120	Typing Speed Test	HTML, CSS, JS	🎮 Game	View Demo
121	InterviewSimulator	Tool	⚙️ Simulator	View Demo
122	AstronomyDashboard	HTML, CSS, JS	📗Education	View Demo
123	Pomodoro Timer	HTML, CSS, JS	🍅 Productivity Tool	View Demo
124	Hurdle Highway 2D	JavaScript	🎮 Game	View Demo
125	Snakeladder	JavaScript	🎲 Game	View Demo
126	Temperature Converter	JavaScript	🌡️ Tool	View Demo
127	Particle Wave Animation	CSS, JavaScript	🎨 Animation	View Demo
128	Reaction Time Test	HTML, CSS, JS	⚙️ Simulator	View Demo
129	YouTube Clone	HTML, CSS	🎬 Clone	View Demo
130	Dino Game	JavaScript	🦖 Game	View Demo
131	Retro Highway Racer	JavaScript	🏎️ Game	View Demo
132	Pokedex	Utility	📘 Utility	View Demo
133	Stock Market Simulator	Simulator	📈 Simulator	View Demo
134	Coin Scratch	ASMR Game	🪙 Game	View Demo
135	Shooting Game	2D Game	🔫 Game	View Demo
136	Sudoku Solver	JavaScript	🧩 Puzzle	View Demo
137	Maths Quiz Game	JavaScript	➗ Quiz Game	View Demo
138	Age Calculator	JavaScript	📅 Tool	View Demo
139	Ludo Game	HTML, CSS, JavaScript	🎲 Game	View Demo
140	Big Sales Prediction	Machine Learning, Python, JavaScript	📊 ML Project	View Demo
141	Dice Roller	HTML, CSS, JavaScript	🎲 Simulator	View Demo
142	Geo Guesser Game	Map Game	🌍 Game	View Demo
143	Morse Code Translator	HTML, CSS, JavaScript	📡 Translator	View Demo
144	Car Racing Game	HTML, CSS, JS	🏎️ Game	View Demo
145	Magic 8 Ball	HTML, CSS, JavaScript	🔮 Simulator	View Demo
146	Data Structures Visualizer	Visualizer	📊 Visualizer	View Demo
147	Chronosphere	Canvas Game	⏳ Game	View Demo
148	Contest Tracker	JavaScript	🏆 Tracker	View Demo
149	GitHub Profile Battle	JavaScript	⚔️ GitHub Tool	View Demo
150	App Privacy Policy Generator	JavaScript	📜 Generator	View Demo
151	Mini Carrom Game	HTML, CSS, JavaScript	🎯 Game	View Demo
152	Physics Ball Simulation	HTML, CSS, JavaScript, Canvas	⚽ Simulation	View Demo
153	Material3 Showcase	JavaScript	🎨 UI Showcase	View Demo
154	FocusRoom	HTML, CSS, JavaScript	⏳ Productivity	View Demo
155	Hangman Game	React, TypeScript	🎯 Game	View Demo
156	Placement Predictor	JavaScript, HTML, CSS	📈 Predictor	View Demo
157	Map Route Tracker	HTML, CSS, JavaScript	🗺️ Tracker	View Demo
158	GitHub Promo Maker	HTML, CSS, JavaScript	🚀 Generator	View Demo
159	Dining Philosophers Simulation	JavaScript	🔮 Simulator	[View Demo](https://100-days-100-web-project.vercel.app/public/Dining Philosophers Simulation/index.html)
160	Website Personalizer	HTML, CSS, JS	🛠️ Tools	View Demo
161	Unit-Converter	HTML, CSS, JS	🛠️ Tools	View Demo
162	Color Palette From Art Generator	HTML, CSS, JS	🤖 AI	View Demo
163	Ai Image Editor	HTML, CSS, JS	🤖 AI	View Demo
164	Code Visualizer Playground	HTML, CSS, JS	🛠️ Tools	View Demo
165	Amazon Clone	HTML, CSS, JS	🛒 E-Commerce	View Demo
166	Bordom Buster	HTML, CSS, JS	🎭 Entertainment	View Demo
167	scam-sms-detector	HTML, CSS, JS	🔒 Security	View Demo
168	Color Sort Puzzle game	HTML, CSS, JS	🎮 Games	View Demo
169	Subscription Tracker	React, JavaScript, TailwindCSS	📊 Productivity	View Demo
170	Vector Flowchart Designer	HTML, CSS, JS	🎨 Design	View Demo
171	Glyph Pattern Maker	HTML, CSS, JS	✨ Creative Tools	View Demo
172	PlaceMate	HTML, CSS, JS	🛠️ Tools	View Demo
173	AI-Resume-Analyzer	HTML, CSS, JS	🤖 AI	View Demo
174	Smart Expense Splitter	HTML, CSS, JS	💰 Finance	View Demo
175	Dev Portfolio Generator	HTML, CSS, JS	🛠️ Tools	View Demo
176	AI Story Generator	HTML, CSS, JS	🤖 AI	View Demo
177	Interview Prep Hub	HTML, CSS, JS	📚 Education	View Demo
178	Plane Take Off Simulation	HTML, CSS, JS	✈️ Simulation	View Demo
179	Cyber Type Battle	HTML, CSS, JS	🎮 Games	View Demo
180	RouteMaster	HTML, CSS, JS	🧭 Navigation	View Demo
181	Aahar Share	HTML, CSS, JS	❤️ Social Impact	View Demo
182	Code Execution Visualizer	HTML, CSS, JS	📚 Education	View Demo
183	LeetCode Progress Tracker	HTML, CSS, JS	💻 Developer Tools	View Demo
184	Minesweeper	HTML, CSS, JS	🎮 Games	View Demo
185	GitHub Repository Analyser	HTML, CSS, JS	💻 Developer Tools	View Demo
186	Multi-Track Video and Audio Editor	HTML, CSS, JS	🎬 Media	View Demo
187	Image Compressor Web App	HTML, CSS, JS	🎬 Media	View Demo
188	Leetcode Streak Visualizer	HTML, CSS, JS	💻 Developer Tools	View Demo
189	PeerRTC Video Chat	CSS, JavaScript, WebRTC	💬 Communication	View Demo
190	Endless train game	HTML, CSS, JS	🎮 Games	View Demo
191	Saturn Particle Gesture	HTML, CSS, JS	✨ Animation	View Demo
192	Interactive Story Player	HTML, CSS, JS	🎭 Entertainment	View Demo
193	Escape Room	HTML, CSS, JS	🎮 Games	View Demo
194	Lost & Found Portal	HTML, CSS, JS	❤️ Social Impact	View Demo
195	Complaint Management System	HTML, CSS, JS	📋 Management	View Demo
196	AirCast	HTML, CSS, JavaScript	🌐 APIs	View Demo

📊 Project Categories:

🎮 Games: 25+ interactive games and puzzles
🧮 Calculators & Tools: 15+ utility applications
🌐 Websites & Clones: 20+ complete website replicas
📱 Apps: 15+ functional web applications
🎨 UI Components: 10+ reusable interface elements
🖥️ Backend Projects: 10+ server-side applications
⚛️ React Projects: 8+ modern React applications

Getting Started

⚠️ Important Update:
Please read the latest contribution discussion before getting started:
Project Discussion #1028

🚀 Quick Start

🌐 View Projects Online

The easiest way to explore all projects is through our live website:

🔗 Visit: 100-days-100-web-project.vercel.app
✨ Features: Search projects, view demos, dark/light theme

💻 Local Development

Clone the repository:

# Using Git
git clone https://github.com/dhairyagothi/100_days_100_web_project.git

# Or use GitHub Desktop for GUI cloning

Navigate to project directory:
```
cd 100_days_100_web_project
```

Open the main website:

Simply open index.html in your browser
Or use a local server (recommended):

# Using Python
python -m http.server 8000

# Using Node.js
npx serve .

# Using VS Code Live Server extension

For individual projects:
- Navigate to public/[project-name]/
- Open the project's index.html file
- For Node.js projects, see individual README files

🧩 Project Structure

100_days_100_web_project/
├── index.html              # Main showcase website
├── index.js               # Main website functionality
├── style.css              # Main website styles
├── public/                # All individual projects
│   ├── TO_DO_LIST/       # Day 1: Todo List
│   ├── digital_clock/    # Day 2: Digital Clock
│   ├── snake_game/       # Day 29: Snake Game
│   └── ...               # 112+ projects
├── contributors/          # Contributors page
├── vercel.json           # Deployment configuration
└── README.md             # You are here!

🤝 Contributing

We welcome contributions from developers of all skill levels! Here's how you can contribute:

🆕 Adding New Projects

Fork the repository
Create a new branch: git checkout -b add-new-project
Add your project in the public/ directory
Add your project metadata entry inside projects.json
Do not modify rendering logic inside index.js
Test your project thoroughly
Run node scripts/validateProjects.js before submitting
Submit a pull request

🐛 Bug Fixes & Improvements

Fork the repository
Create a new branch: git checkout -b fix-bug-name
Make your changes
Test thoroughly
Submit a pull request

📝 Documentation

Improve README files
Add project descriptions
Fix typos and formatting
Add setup instructions

📋 Contribution Guidelines

Follow existing code style and structure
Add appropriate comments to your code
Test your changes before submitting
Include a clear commit message
Update documentation if needed

📖 For detailed guidelines, see CONTRIBUTING.md

� Browser Compatibility

Most projects in this repository are designed to work across modern web browsers. Since rendering and feature support may vary slightly between browsers, contributors are encouraged to test projects across multiple environments.

✅ Recommended Browsers

For the best development and testing experience, use the latest versions of:

Google Chrome
Mozilla Firefox
Microsoft Edge
Safari

📱 Responsive Testing Suggestions

Before submitting a contribution, test your project on:

Desktop screens
Tablets
Mobile devices

Recommended tools:

Chrome DevTools Device Toolbar
Firefox Responsive Design Mode
BrowserStack or similar browser testing platforms

🛠 Common Browser-Related Issues

Some projects may behave differently because of:

Cached CSS or JavaScript files
Browser-specific rendering differences
Unsupported browser APIs
Disabled JavaScript settings
Extension conflicts

🔍 Troubleshooting Tips

If a project is not working correctly:

Perform a hard refresh (Ctrl + Shift + R)
Clear browser cache
Test in Incognito/Private mode
Disable conflicting browser extensions
Check the browser console for errors
Compare behavior across multiple browsers

✅ Suggested Testing Checklist

Before creating a pull request, verify that:

The project loads without errors
Layouts remain responsive on different screen sizes
Buttons, forms, and navigation work properly
Animations and interactions function correctly
No major browser-specific UI issues are present

�🎯 Learning Path

🌱 Beginner Projects (Days 1-30)

Perfect for those just starting with web development:

HTML/CSS fundamentals
Basic JavaScript interactions
Simple animations and effects

🚀 Intermediate Projects (Days 31-70)

For developers with some experience:

API integrations
Complex animations
Interactive games and applications

🔥 Advanced Projects (Days 71-112)

Challenging projects for experienced developers:

Full-stack applications
Complex algorithms
Modern frameworks (React, Node.js)

🛠️ Technologies Used

📞 Support & Community

🆘 Need Help?

💬 Discussions: GitHub Discussions
🐛 Bug Reports: Open an Issue
📧 Direct Contact: Create an issue for any questions

🌟 Stay Connected

📱 Instagram: @dhairyaa__31
💼 LinkedIn: Dhairya Gothi
🐙 GitHub: @dhairyagothi

📊 Repository Stats

⭐ Show Your Support

If this project helped you, please consider:

⭐ Starring this repository
🍴 Forking it to contribute
📢 Sharing it with others
💖 Following for more amazing projects

🏆 Contributors

Thanks to all these amazing people who have contributed to this project:

_dhairyagothi	_SAYALI8106	_divyaa-pal	_Yaser-123	_BrajRaj89
_{shoaibkhan-sde}	_{atharva012004}	_{vasudhaagrawal2024-byte}	_{rashiaggarwal06}	_{Indrayani11-15}
_tanyaroy00	_bhagwan8815	_{siddhi2007-git}	_{Ramyasrivalli}	_{SARTHAKJINDAL1}
_{Smrithi-krishna}	_{codewithakshyaaa}	_Shrutii-Rai	_Peehu1308	_Ommdutta26
_MonishRaman	_akhilmodi29	_ppalakk	_Ayontikapal	_{madhavcodes25}
_{VishnuPriya110792}	_alenalex-009	_{prakshithamalla-art}	_{CodeMaster11000}	_{DebasmitaBose0}
_pragya0129	_{kavita-bande2006}	_rutikakengal	_tanishkakora	_Sanyogita45
_{nivedha2025cse-gif}	_anujsharma8d	_Lalitya31	_k0msenapati	_avnisinngh
_NidhiS-7	_shahabhilash	_renoschubert	_gayatridot	_{Nagajyothi969}
_Manav5234	_meharkp7	_vishakhatiti	_{Satyajeetsinh007}	_ArshiBansal
_Dhruv-kundu	_{Vansh-kash2023}	_{aparnabanpela20}	_mansi066	_siri-004
_SatyaViswas	_{divyanshi-adhikari}	_{nishtha-agarwal-211}	_hirdeshds	_dfordebarati
_{samriddhikhokhar}	_22codneya	_ckprojects77	_tanveerajput	_Shivangi1515
_GouriBiswas	_{namrarafique93-del}	_{RamanKumar-Dev}	_rupeshv2121	_SameerGera
_{Sweksha-Kakkar}	_{VAIBHAVBABELE}	_PThanushree	_{Khushi-bhaskar01}	_Kaustav2410
_25A31A43D7	_DHRUVI5674	_Tech4Aditya	_{AkshithReddyDonthi}	_1754riya
_{Saubhagya1621}	_{ShauryaJadaun7}	_{prathamsrivastava606}	_sadwika12	_externref
_Deveshkirad	_shivenyadavs	_Meetjain1	_{YASHcode-IIITV}	_Coder-010506
_manish354200	_Aarju247	_{SarthakShrivastav-a}	_{sanyogitasinghbgm-spec}	_rees8
_gopalwagh	_{jamunatg2006-sys}	_Ash-Misty	_KGFCH2	_{nithinsai-dev}
_{CopperFlame14}	_Subhash21022	_{avrojitduttaj}	_{ananyajoshi-cseai}	_Ayushswirlon
_{dynamo-pentester}	_{chandankoranga02}	_Dhruvi-02	_Abfa41	_lavanya1486
_{ANSHIKATYAGI30}	_{shruti-codes-design}	_zen-ash-dev	_{NishantRana07}	_{Sargam-Ghagre}
_{niyatisharma100307-crypto}	_deepesh611	_{Abhirup-261004}	_{Dharshan-Gangadhar}	_anshul23102
_{codeananyagupta}	_universe-sm	_somu0571	_{meghaaguleriaa}	_BatoolAmina
_Dhruvil20060	_DavidMarcosJ	_Dipayan-max	_Jinansh28	_mallya-m
_{rudragopal447}	_{SnehalKrushnaBandal}	_{SuhainaFathimaM}	_{dhiraj-dev-19}	_{vasudhaagrawal-12}
_HayatZarine	_mishhtachio	_adyamohanka	_chundawat-h	_goutamiks
_{SumedhaBhatta}	_Devexhhh	_{aroraishita2006-hub}	_{Adishree-tech}	_aisheeem7
_{Akanksha-Shahi}	_CEOOfCats	_DishaAndre	_HarshS16	_Manas-5461X
_Muskan-ux188	_{pushpit21jain}	_shrutip04	_itzzSPcoder	_{SupriyaShirsat05}
_{Vaishnavi10706}	_divyanshii10	_{khushiyadav7305}	_Kratik87864	_Pratikshya32
_jyojokooz	_tanvi1107	_{AnanyaTiwari850}	_devbyhimans	_{PrudenceShubh}
_0mneeha93	_{CodeSrushti-3105}	_notslazer	_{adityasinghrajput0}	_{himanshi-0070}
_Susant-Raj03	_Sudhanshu248	_mariaspatani	_mihir021	_{Arhanabdullah}
_Siddh2024	_shabnam311	_{Pratyush-Panda-2006}	_priyansh13-c	_Pranathi2107
_R0hanNayan	_PrRj06	_{Sheethal-Vageesh}	_{shreem-bhargava36}	_{Yashrajsinh-Kanchva}
_{yashvisharma1204}	_SilverMenace	_Kartikeyji17	_Vishee02	_{sanchitashubhi}
_29akeshvimt	_{govindaa-sharma}	_{SaumyaSngh323}	_{parneetbrar234-svg}	_ThePrabhu
_{Tejaswini-35433}	_Vedhant26	_ri0602	_uvv-01	_{bhavyanjain3004}
_basantnema31	_dinesh-2047	_gc-MayankPun	_akshith0107	_{maneesha-9705}
_{ssanjanasharma}	_{Shivakumarjagadam}	_shravn-10	_Ras0105	_prakc7
_tejask011	_twinkle0tech	_Nidhisharora	_Palak09sh	_{Himanshu-kumar025}
_AayushiMohan	_adarsh-67r	_{adityaaman-2120}	_{Aditya-Kumar-Sah-CSE}	_theanamsaqib
_{AnantAgarwaL11}	_{anushkaa-dubey}	_Aaryanb45	_Arjun-Shukla	_yeyecherlyyy
_Ayush277	_{BhavyaAgrawal14}	_{chethanamp22-tech}	_{CodeWithAkshara}	_gautami-04
_gowthamrdyy	_Samhitha-07	_{Thunder-Blaze}	_Rahilbhoot	_poorvajaa-04
_{shivamm-verma}	_{sammuuu11151171}	_Sonalis1299	_Sancharidey2	_git-Rag
_LoneWolf4713	_{Krishna100604}	_RuchitaK08	_ria447	_RAGASUDHA-B
_{Kshitij-Maurya-005}	_KD2303	_akhila-sraj	_anushka250	_{asiyasafwana15-byte}
_Swethave	_{StarDustNova-57}	_Sparsh-06	_{Sparshjoshi-iit}	_Soumipal56
_Itz-Sidra	_shreya-2410	_ShrejalKP	_{shreem-bhargava}	_{Sanchita-InLoop}
_JP-0506	_{Julliet-Mohanta}	_camelia0011	_jyoti205	_Aribafatma
_Madhu0-2	_{Aditya001-bit}	_Naushink27	_om-bhadauria	_Palvinita
_shreya300907	_{santoshikumbhar3-art}	_{rukminivardhan25}	_{rishikareddy771}	_mudit-codez
_mrdeyroy	_kumudasrip	_jatinrwt01	_hari2k7	_divy-03
_{chadhas282-afk}	_{raj-mistry-01}	_{krish-gupta21}	_Khwa678	_{khusig463-web}
_mehtakaran23	_KajalDeore04	_{JackOfAllTrades90}	_ImgBotApp	_Goutam-2702
_{dulshanchamika}	_Diksha159457	_{deepak-d-r4113}	_{abhishekkrjha2811}	_amankv1234
_{Christina1507}	_{Asthatiwari05}	_Anuj-verse	_{anuja-kotnala}	_Anushre20
_apoorva-ppl	_Sameer-Punia	_sapnajha757	_{SaharshKrishna06}	_{savniagrawal1701}
_Rohitdey45	_Shivi2705	_{RiyanshiTomar}	_Shreedevi07	_{Ritika-gupta13}
_Dutta2005	_priyanshu-it	_{aggarwalpriya100}	_{mohdsubhan1756}	_{Prashant-2024}
_nishupr	_poorvi-2026	_nazneen-p1	_{Nishita-Thakur}	_Neerajkr-jha
_{Yashvi005-bit}	_{JwngmaBasumatary246}	_{KartikeyG-world}	_{KhushiYadav-26}	_kirtic921
_kriti260	_Kushgupta10	_radhika7780	_{Vaghasiya-Jemit-kanaiyalal}	_Jahaan-Boy
_{SecuredByIshani}	_ImmidiSivani	_harrshita123	_Gyanam09	_{gargi200614-cloud}
_Fenil060	_PalakJain23	_PARVATHI-PR	_{Codingcodercodes}	_{NiveditaSingh11}
_{nishantnayakx}	_Nirmai-06	_nikitha2611	_Umashankar08	_nikalex20
_{nikhilkumar011}	_Nehachavan03	_Nandini-1811	_{muskansharma7827}	_{MrityunjaySingh09}
_{mohamedfahim18}	_manroop04	_Kazuma-Codes	_snowhiteohno	_{Mahantesh-Madalgi}
_{lavanyachoukiker8}	_{Lakshmi-24-pixe}	_Akshita-2307	_{aksharrastogi8585-ui}	_AKHAND02179
_{thakurakanksha288}	_{Userunknown84}	_{pratapaditya059-cell}	_Neverask1121	_{aditirajsingh15365-hub}
_AchalNarwade	_{abhirajadhikary06}	_aayushks38	_aayush-pg	_aashiverma29
_Aarushi-024	_{Aakanksha-Brijwani}	_AQUA1310	_{aayushijha0907}	_{23211a0541-oss}
_185xak	_{Farihashifa15}	_eshaanag	_{Divyashree-Venkatesh}	_{Jivi-this-side}
_DishaL17	_dik2004	_{the-matrixneo}	_{Tejashwini200532}	_Dippp10-ally
_Chirantan112	_{CharlapallyDivyani}	_{Avnithakur731-a}	_Ashitosh0302	_Auro993
_ApekshaRao27	_{Anushka-200617}	_{anuragpasayat}	_Anukriti1210	_{vatsanshika923-prog}
_{Anotherlearner2005}

💖 Made with love by the open source community

🌟 Don't forget to star this repository if you found it helpful!

Name		Name	Last commit message	Last commit date
Latest commit History 4,315 Commits
.github		.github
.vercel		.vercel
api		api
contributors		contributors
docs		docs
learning		learning
markdown-snippet-manager		markdown-snippet-manager
minimalist-focus-soundboard		minimalist-focus-soundboard
public		public
scripts		scripts
.gitignore		.gitignore
.vercelignore		.vercelignore
404.html		404.html
CODE_OF_CONDUCT.md		CODE_OF_CONDUCT.md
CONTRIBUTING.md		CONTRIBUTING.md
LICENSE		LICENSE
README.md		README.md
SECURITY.md		SECURITY.md
ads.txt		ads.txt
contact-us.html		contact-us.html
fav.ico		fav.ico
hero-terminal.js		hero-terminal.js
index.html		index.html
index.js		index.js
navbar.js		navbar.js
package-lock.json		package-lock.json
package.json		package.json
projects.json		projects.json
style.css		style.css
theme.js		theme.js
vercel.json		vercel.json

Folders and files

Latest commit

History

Repository files navigation

🚀 100 Days 100 Web Projects

🌟 About This Project

🎯 What You'll Find Here:

🔥 Featured Technologies:

🚀 Live Demo

📚 All Projects (196 Total)

🎮 Interactive Demo Available!

📊 Project Categories:

Getting Started

🚀 Quick Start

🌐 View Projects Online

💻 Local Development

🧩 Project Structure

🤝 Contributing

🆕 Adding New Projects

🐛 Bug Fixes & Improvements

📝 Documentation

📋 Contribution Guidelines

� Browser Compatibility

✅ Recommended Browsers

📱 Responsive Testing Suggestions

🛠 Common Browser-Related Issues

🔍 Troubleshooting Tips

✅ Suggested Testing Checklist

�🎯 Learning Path

🌱 Beginner Projects (Days 1-30)

🚀 Intermediate Projects (Days 31-70)

🔥 Advanced Projects (Days 71-112)

🛠️ Technologies Used

📞 Support & Community

🆘 Need Help?

🌟 Stay Connected

📊 Repository Stats

⭐ Show Your Support

🏆 Contributors

About

Resources

License

Code of conduct

Contributing

Security policy

Uh oh!

Stars

Watchers

Forks

Releases

Packages 0

Uh oh!

Contributors

Uh oh!

Languages

Packages