{"id":29806348,"url":"https://github.com/davidoadetayo/frontend-roadmap-projects","last_synced_at":"2026-04-13T11:01:20.814Z","repository":{"id":301785314,"uuid":"1010301448","full_name":"davidoadetayo/frontend-roadmap-projects","owner":"davidoadetayo","description":"A collection of 22 frontend projects built as part of my developer roadmap. Each project is deployable and well documented.","archived":false,"fork":false,"pushed_at":"2025-08-16T19:10:40.000Z","size":11476,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-08-16T21:10:29.415Z","etag":null,"topics":["css","frontend-webdevelopment","html","js","projects","react-js","responsive-website"],"latest_commit_sha":null,"homepage":"https://davidoadetayo.github.io/frontend-roadmap-projects/","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/davidoadetayo.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":"roadmap.md","authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2025-06-28T19:25:07.000Z","updated_at":"2025-08-16T19:10:44.000Z","dependencies_parsed_at":"2025-06-28T20:35:01.147Z","dependency_job_id":"acf99eda-222a-4ecd-b165-7055089b6bd5","html_url":"https://github.com/davidoadetayo/frontend-roadmap-projects","commit_stats":null,"previous_names":["davidoadetayo/frontend-roadmap-projects"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/davidoadetayo/frontend-roadmap-projects","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/davidoadetayo%2Ffrontend-roadmap-projects","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/davidoadetayo%2Ffrontend-roadmap-projects/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/davidoadetayo%2Ffrontend-roadmap-projects/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/davidoadetayo%2Ffrontend-roadmap-projects/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/davidoadetayo","download_url":"https://codeload.github.com/davidoadetayo/frontend-roadmap-projects/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/davidoadetayo%2Ffrontend-roadmap-projects/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31749763,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-13T09:16:15.125Z","status":"ssl_error","status_checked_at":"2026-04-13T09:16:05.023Z","response_time":93,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["css","frontend-webdevelopment","html","js","projects","react-js","responsive-website"],"created_at":"2025-07-28T14:09:45.499Z","updated_at":"2026-04-13T11:01:20.807Z","avatar_url":"https://github.com/davidoadetayo.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Frontend Developer Roadmap Projects\n\nWelcome! This repository contains **22 frontend projects** I've built as part of my structured learning roadmap.\n\nEach project is:\n- 📁 **Self-contained** in its own folder  \n- 🌐 **Deployed** on GitHub Pages  \n- 📄 **Documented** with a dedicated README  \n\n---\n\n## Frontend Developer Roadmap\n\n\u003e Your ultimate guide to becoming a modern, job-ready frontend web developer.\n\n![Frontend Banner](https://your-image-link.com/banner.png)\n\n---\n\n## 🧭 Overview\n\nThis roadmap outlines the **skills, tools, and technologies** you need to learn to become a professional **Frontend Developer** in 2025.\n\nWhether you're a complete beginner or looking to sharpen your skills, follow this structured path with real projects and useful resources.\n\n---\n\n## 📌 Topics Covered\n\n- 🧱 HTML, CSS, and Responsive Design  \n- 🎨 CSS Frameworks (Tailwind, Bootstrap)  \n- 💡 JavaScript (ES6+)  \n- ⚙️ Git and GitHub  \n- 🧰 Developer Tools (VS Code, DevTools)  \n- 🧠 DOM Manipulation \u0026 Events  \n- 🌐 APIs and JSON  \n- ⚛️ React Basics  \n\n ---\n\n## 🧠 Learn by Doing (Projects)\n\n- Projects are grouped into:\n\n- HTML \u0026 CSS\n\n- Vanilla JavaScript\n\n- React\n\n- Capstone / Advanced\n\n---\n\n## 📂 Project Index\n\n### 🖼️ HTML \u0026 CSS\n\n| #  | Project Name                     | Link |\n|----|----------------------------------|------|\n| 01 | Personal Bio Page                | [Link](./projects/html-css/01-personal-bio-page/) |\n| 02 | Basic Homepage Layout            | [Link](./projects/html-css/02-basic-homepage-layout/) |\n| 03 | Responsive Landing Page          | [Link](./projects/html-css/03-responsive-landing-page/) |\n| 04 | Multi-section Webpage Layout     | [Link](./projects/html-css/04-multi-section-webpage-layout/) |\n\n---\n\n### 🧩 Vanilla JavaScript Apps\n\n| #  | Project Name                      | Link |\n|----|-----------------------------------|------|\n| 05 | Age Calculator                    | [Link](./projects/js-apps/05-age-calculator/) |\n| 06 | Simple Number Guessing Game       | [Link](./projects/js-apps/06-number-guessing-game/) |\n| 07 | Quiz App                          | [Link](./projects/js-apps/07-quiz-app/) |\n| 08 | Multiplication Table Generator    | [Link](./projects/js-apps/08-multiplication-table-generator/) |\n| 09 | To-do List                        | [Link](./projects/js-apps/09-todo-list/) |\n| 10 | Theme Switcher (Light/Dark Mode) | [Link](./projects/js-apps/10-theme-switcher/) |\n| 11 | Weather App (OpenWeather API)     | [Link](./projects/js-apps/11-weather-app/) |\n| 12 | Random Quote Generator            | [Link](./projects/js-apps/12-random-quote-generator/) |\n| 13 | Counter App                       | [Link](./projects/js-apps/13-counter-app/) |\n| 14 | Feedback Form                     | [Link](./projects/js-apps/14-feedback-form/) |\n\n---\n\n### ⚛️ React Apps\n\n| #  | Project Name                   | Link |\n|----|--------------------------------|------|\n| 15 | Random Quote React App         | [Link](./projects/react-apps/15-random-quote-react-app/) |\n| 16 | Task Manager                   | [Link](./projects/react-apps/16-task-manager/) |\n| 17 | Multi-page Site (React Router) | [Link](./projects/react-apps/17-multi-page-site/) |\n| 18 | Product Catalog UI with Filter | [Link](./projects/react-apps/18-product-catalog-ui/) |\n\n---\n\n### 🚀 Capstone / Advanced\n\n| #  | Project Name                     | Link |\n|----|----------------------------------|------|\n| 19 | Final Recipe-sharing App         | [Link](./projects/capstone/19-final-recipe-sharing-app/) |\n| 20 | Portfolio Website                | [Link](./projects/capstone/20-portfolio-website/) |\n| 21 | Host All Previous Projects       | [Link](./projects/capstone/21-host-all-projects/) |\n| 22 | Deploy All Final Projects        | [Link](./projects/capstone/22-deploy-all-final-projects/) |\n\n---\n\n## 📜 Roadmap\n\nYou can track progress in [roadmap.md](./roadmap.md).\n\n---\n\n## ✅ How to Use\n\n1. **Clone this repo**:\ngit clone https://github.com/davidoadetayo/frontend-roadmap-projects.git\n\ncd frontend-roadmap-projects\n\n2. **Navigate to any project**:\ncd projects/html-css/01-personal-bio-page\n\n3. **Open in your browser or editor.**\n\n---\n\n## ❤️ License\n\nThis repository is open source under the [MIT License](LICENSE).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdavidoadetayo%2Ffrontend-roadmap-projects","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdavidoadetayo%2Ffrontend-roadmap-projects","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdavidoadetayo%2Ffrontend-roadmap-projects/lists"}