Frontend Projects

Project ideas to take you from beginner to advanced in Frontend

Roadmap Projects
beginnerHTMLSingle-Page CVCreate a single-page HTML CV to showcase your career history beginnerHTMLBasic HTML WebsiteCreate simple HTML only website with multiple pages. beginnerCSSPersonal PortfolioConvert the previous simple HTML website into a personal portfolio. beginnerCSSChangelog ComponentCreate a changelog component for a website using HTML and CSS. beginnerCSSTestimonial CardsCreate testimonial cards for a website using HTML and CSS. beginnerCSSDatepicker UICreate a simple datepicker UI using HTML and CSS. beginnerAccessibilityAccessible Form UICreate an accessible form UI using HTML and CSS. beginnerCSSImage Grid LayoutCreate a grid layout of images using HTML and CSS. beginnerCSSTooltip UICreate a tooltip for navigation items using only HTML and CSS. beginnerJavaScriptTabsCreate a simple tabs component using HTML, CSS, and JavaScript. beginnerJavaScriptCookie ConsentCreate a simple cookie consent banner using JavaScript. beginnerJavaScriptRestricted TextareaCreate a textarea with live character count and a max character limit. beginnerJavaScriptAccordionCreate an accordion component using HTML, CSS, and JavaScript. beginnerFrontendAge CalculatorCreate an age calculator using HTML, CSS, and JavaScript. beginnerFrontendFlash CardsCreate a flash card app using JavaScript frameworks. intermediateJavaScriptCustom DropdownCreate a custom dropdown using HTML, CSS, and JavaScript. intermediateJavaScriptTask TrackerCreate a task tracker with a to-do list using JavaScript. intermediateAPI IntegrationGitHub Random RepositoryCreate a GitHub random repository finder using GitHub API. intermediateAPI IntegrationReddit ClientCreate a Reddit client with customizable subreddit lanes. intermediateJavaScriptTemperature ConverterBuild a temperature converter that converts between different units. intermediateFrameworksPomodoro TimerCreate a pomodoro tracker application for productivity intermediateFrameworksQuiz AppBuild a browser-based quiz application to test any knowledge intermediateAPIWeather Web AppBuild a weather app that fetches and displays weather for a given location. advancedFrameworks24hr Story FeatureCreate a client-side instagram stories feature clone.

Actively Maintained

We are always improving our content, adding new resources and adding features to enhance your learning experience.

Join the Community

roadmap.sh is the 7th most starred project on GitHub and is visited by hundreds of thousands of developers every month.

Rank 7th  out of 28M!

302K

GitHub Stars

Star us on GitHub
Help us reach #1

+90k every month

+1.5M

Registered Users

Register yourself
Commit to your growth

+2k every month

30K

Discord Members

Join on Discord
Join the community

Roadmaps Best Practices Guides Videos FAQs YouTube

roadmap.sh by @kamrify

Community created roadmaps, best practices, projects, articles, resources and journeys to help you choose your path and grow in your career.

© roadmap.sh · Terms · Privacy · Advertise ·

ThewNewStack

The top DevOps resource for Kubernetes, cloud-native computing, and large-scale development and deployment.