Anonymous View

JavaScript Projects

Project ideas to take you from beginner to advanced in JavaScript

RoadmapProjectsAI
beginnerJavaScriptGreeting BuilderBuild a small greeting helper from reusable string functions. beginnerJavaScriptTemperature ConverterWrite temperature conversion and formatting functions. beginnerJavaScriptNumber CheckerCreate boolean helper functions that describe a number. beginnerJavaScriptString FormatterNormalize names with string cleanup and formatting functions. beginnerJavaScriptPrice CalculatorCalculate discount, tax, and final price with small functions. beginnerJavaScriptCart Total CalculatorSummarize cart totals from arrays of item objects. beginnerJavaScriptGrade Report GeneratorTurn numeric scores into grade report objects. beginnerJavaScriptTask List UtilitiesWrite task list helpers that return updated arrays. beginnerJavaScriptExpense SummaryCalculate totals and find the largest expense from object arrays. beginnerJavaScriptProduct Search and FilterBuild search and filter helpers for a product list. beginnerJavaScriptUser Profile FormatterFormat nested user data into a smaller profile summary. beginnerJavaScriptQuiz Score CalculatorScore quiz answers and return a result summary. beginnerJavaScriptJSON Response NormalizerNormalize API-shaped JSON data into article summaries. beginnerJavaScriptPassword Rule CheckerValidate a password by reporting which rules failed. beginnerJavaScriptOrder Status HelperSummarize nested order data for a support dashboard. 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. 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. advancedFrameworks24hr Story FeatureCreate a client-side instagram stories feature clone.

Join the Community

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

Rank  out of 28M!

358K

GitHub Stars

Star us on GitHub
Help us reach #1

+90kevery month

+2.8M

Registered Users

Register yourself
Commit to your growth

+2kevery month

49K

Discord Members

Join on Discord
Join the community

RoadmapsGuidesFAQsYouTube

roadmap.shby@nilbuild

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·

ThewNewStack

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

DevOps·Kubernetes·Cloud-Native