Beginner (Day 1–120) | HTML, CSS, Basic JavaScript
1 Project Per Day: UI/UX & JavaScript Basics
1. Simple "Hello World" webpage
2. Personal Portfolio (Basic)
3. Simple Contact Form
4. Tribute Page
5. Product Landing Page
6. Resume Page
7. Social Media Profile Clone (UI)
8. Survey Form
9. Login Page (Static)
10.Calculator (Basic HTML Structure)
11.Weather App (Static UI)
12.Registration Form
13.To-Do List (UI Only)
14.Pricing Table
15.404 Error Page
16.Image Gallery
17.FAQ Section
18.Countdown Timer (Static UI)
19.Simple Navbar
20.Basic Blog Layout
21.Animated Buttons (CSS)
22.Flip Card Effect (CSS)
23.Profile Card
24.Simple Sidebar
25.Modal Popup
26.Interactive Slideshow
27.Testimonial Section
28.Newsletter Signup UI
29.Simple Survey Form
30.CSS Animations Page
31.Music Player UI
32.Basic E-Commerce Product Page
33.Contact Form with Validation (JS)
34.Image Lightbox
35.Tooltip Effect
36.Multi-Step Form (UI)
37.Basic JavaScript Calculator
38.Rock-Paper-Scissors Game
instagram.com/only_programming
39.Clock (JS & CSS)
40.Simple Weather App (Fetch API)
41.Random Joke Generator
42.Tip Calculator
43.Color Picker Tool
44.Age Calculator
45.Digital Clock
46.Password Strength Checker
47.Random Quote Generator
48.BMI Calculator
49.Word Counter
50.Dice Roll Game
51.Currency Converter
52.Movie Search App (Basic API)
53.Number Guessing Game
54.Background Color Changer
55.Simple Typing Speed Tester
56.Image Carousel (JS)
57.Simple Stopwatch
58.Simple Text-to-Speech App
59.Simple Notes App
60.LocalStorage CRUD App
61.JavaScript Weather App (API)
62.QR Code Generator
63.Random Password Generator
64.Light/Dark Mode Toggle
65.Simple Drawing App
66.Text Encryption/Decryption
67.Shopping Cart UI
68.Flip a Coin Game
69.Form Validator
70.Image Lazy Loading
71.Word Scramble Game
72.Alarm Clock
73.CSS Grid Layout Page
74.Login & Signup Page
75.Interactive Star Rating
76.Dynamic Table Generator
77.Simple Stock Price Tracker
78.Emoji Picker
79.Scroll Progress Bar
80.Infinite Scrolling Page
81.Simple Pagination
82.Sticky Notes App
instagram.com/only_programming
83.Speech Recognition App
84.Gradient Generator
85.Interactive Dictionary (API)
86.Simple Text Editor
87.Draggable Elements App
88.Shopping List (LocalStorage)
89.Task Manager
90.Audio Player
91.Custom Video Player
92.Weather App (Advanced UI)
93.GitHub Profile Search App
94.Currency Exchange App
95.Animated Progress Bar
96.Simple Markdown Previewer
97.Custom Select Dropdown
98.Animated CSS Loader
99.Drag & Drop File Uploader
100. Online Stopwatch
101. Spotify Clone (Frontend)
102. Animated Clock
103. Profile Avatar Generator
104. Chessboard Layout
105. Instagram Post UI Clone
106. Sticky Header
107. Gradient Border Animation
108. Simple Quiz App
109. Online Resume Builder (UI)
110. Modal Login Form
111. Animated Tabs Section
112. CSS-Only Accordion
113. Custom Scrollbar
114. Simple SVG Animation
115. CSS Timeline
116. Parallax Scrolling Website
117. Simple E-Commerce Cart
118. Interactive Image Map
119. Meme Generator (API)
120. Multi-Language Translator (Basic)
🚀 Intermediate (Day 121–300) | Advanced
JavaScript, APIs, React, Node.js
instagram.com/only_programming
1 Functional Project Per Day
121. Advanced Weather App (with Geolocation)
122. Job Listings Page (API)
123. Blogging Platform (LocalStorage)
124. Spotify Clone (with API)
125. YouTube Video Downloader (Frontend)
126. Task Manager (Full CRUD)
127. Expense Tracker (LocalStorage)
128. Portfolio with Dark Mode
129. WhatsApp Chat UI Clone
130. Chatbot UI
131. Movie Review App (API)
132. Cryptocurrency Tracker
133. Blogging Platform with Markdown
134. E-Commerce Checkout Form
135. Netflix Homepage Clone
136. Facebook UI Clone
137. JavaScript Game: Flappy Bird
138. Recipe Finder (API)
139. Infinite Scroll Blog
140. Simple Task Manager (Node.js)
141. Budget Planner (React)
142. File Sharing App (Node.js)
143. Blog CMS (Node.js + MongoDB)
144. Expense Tracker with Charts.js
145. News Aggregator (API)
146. E-Commerce Wishlist
147. AI Image Recognition (API)
148. Web Scraper (Node.js)
149. Custom Code Editor
150. Portfolio CMS (React + Firebase)
151. Chat Application (Socket.io)
152. Instagram Clone (Fullstack)
153. Advanced Weather Dashboard
154. Real-Time Stock Tracker
155. YouTube Clone (React)
156. Podcast Streaming App
157. Spotify Clone (Fullstack)
158. Task Automation Dashboard
159. Online Exam System
160. LinkedIn Clone (Fullstack)
161. AI-Based Resume Builder
162. AI-Based Chatbot
instagram.com/only_programming
163. AI Image Generator
164. Online Bookstore (MERN)
165. Resume Scanner with AI
166. AI-Powered Code Debugger
167. Real-Time Voting System
168. AI-Powered Productivity Tool
169. Online Forum (MERN)
170. AI-Generated Writing App
💡 Advanced (Day 301–365) | Fullstack, AI,
Blockchain, Performance Optimization
Complex & Scalable Projects
301. AI-Powered Customer Support Bot
302. Web 3.0 Blogging Platform
303. Decentralized Chat App
304. Smart Contract-based Marketplace
305. Fullstack NFT Marketplace
306. Advanced AI Image Generator
307. AI-Powered Resume Screener
308. Real-Time AI-Based Face Recognition
309. Machine Learning-Powered Web App
310. Open Source Project Contribution
311. Scalable Social Media App
312. AI-Based Financial Tracker
313. Progressive Web App (PWA)
314. Voice-Controlled Assistant
315. AI-Powered Productivity Dashboard
316. Cloud Storage App
317. Smart Task Manager with AI
318. Real-Time Translation App
319. Crypto Wallet Dashboard
320. Scalable SaaS Dashboard
321. AI-Powered Recommendation System
322. GraphQL-Based Blog
323. Streaming App (MERN + WebRTC)
324. AI-Based Code Auto-Completion
instagram.com/only_programming
325. Open Source Web Dev Tool
326. Enterprise-Level ERP System
327. AI-Powered Text Summarization
328. Blockchain-Based To-Do List
329. Web-Based IoT Dashboard
330. AI Video Generator
331. AI-Based Resume Auto-Formatter
332. AI-Powered Writing Assistant
333. AI-Powered Image Enhancer
334. Twitter Clone (Fullstack)
335. AI-Powered Web Scraper
336. AI-Powered Code Refactoring Tool
337. Enterprise E-Commerce Platform
338. AI-Based Resume Analyzer
339. AI-Powered Blog Generator
340. Open Source Contribution Project
341. AI-Based Programming Tutor
342. AI-Powered Hiring Platform
343. Blockchain-Powered Voting System
344. Scalable Multi-Tenant SaaS App
345. Final Capstone Project
instagram.com/only_programming
