Loading repository data…
d0midigi / repository
🚀 100 Days, 200 Projects - Frontend Mastery Challenge - Embark on an epic coding journey with an epic coding n00b where you'll build 200+ real-world frontend projects ranging from beginner-friendly to intermediate level. No frameworks, no libraries - just pure HTML, CSS, and JavaScript mastery! #100DaysOfCode
A transparent discovery signal based on current public GitHub metadata.
This score does not audit code, security, maintainers, documentation quality, or suitability. Verify the repository and its current documentation before adoption.
Welcome to hackherway 100 Days, 200 Web Projects! This is a comprehensive collection of 200+ 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.
🌐 Visit the Live Website: 100-days-100-web-project.vercel.app
The website features:
🌐 Visit Live Website to see all projects with working demos!
| 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 |
Selected from shared topics, language and repository description—not editorial ratings.
Shubham-cyber-prog /
🚀 100 Days of Web Development challenge using HTML, CSS & JavaScript. Daily learning, practice, and real-world projects to strengthen frontend development skills.
69/100 healthpranjalvidyarthi /
🌟 100 Days of HTML, CSS, and JS - Stylish Series Welcome to my 100 Days of HTML, CSS, and JavaScript Stylish Series! 🎨🚀 This series focuses on modern, visually appealing web designs, animations, and interactive UI components. 🔥 What’s Inside? ✅ Daily projects with stylish web elements. ✅ CSS animations & JavaScript interactivity. ✅ Creative,
47/100 health| 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](https://100 |
Akshayjain-555 /
100 Days of Code — Web Dev + AI Journey 🚀 Tracking my daily progress with code, notes and projects. Learning HTML, CSS, JS, GitHub and more to become a job-ready AI-Driven Web Developer.
34/100 healthPriyanshu-WebDev-io /
🚀 A collection of 100 unique JavaScript mini-projects built over 100 days using HTML, CSS, and vanilla JS. Perfect for learning, building your frontend skills, and growing your dev portfolio.
30/100 healthaditi11720061 /
"My 100 Days of Web Dev Challenge 🚀 — coding every day to sharpen skills in HTML, CSS, JS, and beyond. This repo is my learning journal, progress tracker, and portfolio of mini-projects."
34/100 healthPriyanshu-WebDev-io /
🚀 A collection of 100 unique JavaScript mini-projects built over 100 days using HTML, CSS, and vanilla JS. Perfect for learning, building your frontend skills, and growing your dev portfolio.
51/100 health