Frontend Projects

Project ideas to take you from beginner to advanced in Frontend

Roadmap Projects AI
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.