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.

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