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 history938 StartedbeginnerHTMLBasic HTML WebsiteCreate simple HTML only website with multiple pages.305 StartedbeginnerCSSPersonal PortfolioConvert the previous simple HTML website into a personal portfolio.116 StartedbeginnerCSSChangelog ComponentCreate a changelog component for a website using HTML and CSS.39 StartedbeginnerCSSTestimonial CardsCreate testimonial cards for a website using HTML and CSS.40 StartedbeginnerCSSDatepicker UICreate a simple datepicker UI using HTML and CSS.23 StartedbeginnerAccessibilityAccessible Form UICreate an accessible form UI using HTML and CSS.18 StartedbeginnerCSSImage Grid LayoutCreate a grid layout of images using HTML and CSS.21 StartedbeginnerCSSTooltip UICreate a tooltip for navigation items using only HTML and CSS.15 StartedbeginnerJavaScriptTabsCreate a simple tabs component using HTML, CSS, and JavaScript.33 StartedbeginnerJavaScriptCookie ConsentCreate a simple cookie consent banner using JavaScript.28 StartedbeginnerJavaScriptRestricted TextareaCreate a textarea with live character count and a max character limit.11 StartedbeginnerJavaScriptAccordionCreate an accordion component using HTML, CSS, and JavaScript.21 StartedintermediateJavaScriptCustom DropdownCreate a custom dropdown using HTML, CSS, and JavaScript.49 StartedintermediateJavaScriptTask TrackerCreate a task tracker with a to-do list using JavaScript.45 StartedintermediateAPI IntegrationGitHub Random RepositoryCreate a GitHub random repository finder using GitHub API.35 StartedintermediateAPI IntegrationReddit ClientCreate a Reddit client with customizable subreddit lanes.24 StartedintermediateJavaScriptTemperature ConverterBuild a temperature converter that converts between different units.45 Started

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!

291K

GitHub Stars

Star us on GitHub
Help us reach #1

+90k every month

+1M

Registered Users

Register yourself
Commit to your growth

+1.5k every month

26K

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.

DevOps · Kubernetes · Cloud-Native