Welcome! This repository contains 22 frontend projects I’ve built as part of my learning roadmap.
Each project is:
✅ 22 projects
✅ Organized by technology and difficulty
✅ Numbered for clear progression
✅ Fully open-source
Projects are grouped into:
| # | Project Name | Link |
|---|---|---|
| 01 | Personal Bio Page | Link |
| 02 | Basic Homepage Layout | Link |
| 03 | Responsive Landing Page | Link |
| 04 | Multi-section Webpage Layout | Link |
| # | Project Name | Link |
|---|---|---|
| 05 | Age Calculator | Link |
| 06 | Simple Number Guessing Game | Link |
| 07 | Quiz App | Link |
| 08 | Multiplication Table Generator | Link |
| 09 | To-do List | Link |
| 10 | Theme Switcher (Light/Dark Mode) | Link |
| 11 | Weather App (OpenWeather API) | Link |
| 12 | Random Quote Generator | Link |
| 13 | Counter App | Link |
| 14 | Feedback Form | Link |
| # | Project Name | Link |
|---|---|---|
| 15 | Random Quote React App | Link |
| 16 | Task Manager | Link |
| 17 | Multi-page Site (React Router) | Link |
| 18 | Product Catalog UI with Filter | Link |
| # | Project Name | Link |
|---|---|---|
| 19 | Final Recipe-sharing App | Link |
| 20 | Portfolio Website | Link |
| 21 | Host All Previous Projects | Link |
| 22 | Deploy All Final Projects | Link |
You can track progress in roadmap.md.
Clone this repo: git clone https://github.com/davidoadetayo/frontend-roadmap-projects.git cd frontend-roadmap-projects
Navigate to any project: cd projects/html-css/01-personal-bio-page
Open in your browser or editor.
This repository is open source under the MIT License.