📜 Frontend Developer Roadmap
This file tracks my progress on 22 frontend projects in this repo.
✅ Legend
- ✅ Done
- 🚧 In Progress
- ❌ Not Started
🖼️ HTML & CSS
| # |
Project Name |
Status |
Notes |
| 01 |
Personal Bio Page |
❌ Not Started |
- |
| 02 |
Basic Homepage Layout |
❌ Not Started |
- |
| 03 |
Responsive Landing Page |
❌ Not Started |
- |
| 04 |
Multi-section Webpage Layout |
❌ Not Started |
- |
🧩 Vanilla JavaScript Apps
| # |
Project Name |
Status |
Notes |
| 05 |
Age Calculator |
❌ Not Started |
- |
| 06 |
Simple Number Guessing Game |
❌ Not Started |
- |
| 07 |
Quiz App |
❌ Not Started |
- |
| 08 |
Multiplication Table Generator |
❌ Not Started |
- |
| 09 |
To-do List |
❌ Not Started |
- |
| 10 |
Theme Switcher (Light/Dark Mode) |
❌ Not Started |
- |
| 11 |
Weather App (OpenWeather API) |
❌ Not Started |
- |
| 12 |
Random Quote Generator |
❌ Not Started |
- |
| 13 |
Counter App |
❌ Not Started |
- |
| 14 |
Feedback Form |
❌ Not Started |
- |
⚛️ React Apps
| # |
Project Name |
Status |
Notes |
| 15 |
Random Quote React App |
❌ Not Started |
- |
| 16 |
Task Manager |
❌ Not Started |
- |
| 17 |
Multi-page Site (React Router) |
❌ Not Started |
- |
| 18 |
Product Catalog UI with Filter |
❌ Not Started |
- |
🚀 Capstone / Advanced
| # |
Project Name |
Status |
Notes |
| 19 |
Final Recipe-sharing App |
❌ Not Started |
- |
| 20 |
Portfolio Website |
❌ Not Started |
- |
| 21 |
Host All Previous Projects |
❌ Not Started |
- |
| 22 |
Deploy All Final Projects |
❌ Not Started |
- |
✅ How to use this file
- Update Status as you work:
- ✅ Done
- 🚧 In Progress
- ❌ Not Started
- Add Notes for next steps or blockers.