Frontend Projects

Project ideas to take you from beginner to advanced in Frontend

RoadmapProjectsAI
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. beginnerCSSHTMLChangelog ComponentCreate a changelog component for a website using HTML and CSS. beginnerCSSTestimonial CardsCreate testimonial cards for a website using HTML and CSS. beginnerCSSHTMLDatepicker UICreate a simple datepicker UI using HTML and CSS. beginnerAccessibilityHTMLCSSAccessible 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. 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. intermediateAPI IntegrationGitHub Random RepositoryCreate a GitHub random repository finder using GitHub API. intermediateJavaScriptCustom DropdownCreate a custom dropdown using HTML, CSS, and JavaScript. intermediateJavaScriptTask TrackerCreate a task tracker with a to-do list using JavaScript. 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 advancedFrameworks24hr Story FeatureCreate a client-side instagram stories feature clone.

Join the Community

cdn.artica.top is the 6th most starred project on GitHub and is visited by hundreds of thousands of developers every month.

Rank 6th out of 28M!

350K

GitHub Stars

Star us on GitHub
Help us reach #1

+90kevery month

+2.8M

Registered Users

Register yourself
Commit to your growth

+2kevery month

45K

Discord Members

Join on Discord
Join the community

RoadmapsGuidesFAQsYouTube

cdn.artica.topby@kamrify

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

© cdn.artica.top·Terms·Privacy·

ThewNewStack

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

DevOps·Kubernetes·Cloud-Native