40+ Curated JavaScript Projects

40+ JavaScript Project Ideas — Vanilla JS to Full Stack

From weekend vanilla JS builds to full-stack Node.js and React apps — every idea comes with a difficulty rating, tech stack, and a clear scope so you can start shipping today.

Weather App with Geolocation

Beginner
Vanilla JSGeolocation APIOpenWeather API

Detect a user's location automatically and display current weather conditions, forecasts, and temperature trends.

Drag & Drop Kanban Board

Intermediate
Vanilla JSHTML5 Drag & Drop API

Create Trello-style task boards with draggable cards, status columns, and local persistence.

Real-time Chat App

Intermediate
Node.jsSocket.ioExpress

Build a multi-user chat application with instant messaging, typing indicators, and online presence.

React Dashboard with Charts

Intermediate
ReactRecharts

Visualize business metrics and analytics through interactive charts, widgets, and reports.

Browser-based Code Editor

Advanced
Vanilla JSMonaco Editor

Create an in-browser coding environment with syntax highlighting, auto-complete, and code execution.

Expense Tracker with Local Storage

Beginner
Vanilla JSLocalStorage

Track income and expenses while storing transaction data directly in the browser.

REST API with Express.js

Beginner
Node.jsExpress

Build a CRUD API with routing, validation, middleware, and JSON responses.

Markdown Blog CMS

Intermediate
ReactNext.jsMarkdown

Manage and publish blog posts written in Markdown with dynamic routing and SEO optimization.

2D Browser Game

Intermediate
JavaScriptCanvas API

Develop an interactive browser game with animations, collision detection, and scoring systems.

AI Writing Assistant

Advanced
ReactOpenAI API

Generate content suggestions, rewrite text, and provide grammar improvements using AI.

GitHub Profile Visualizer

Intermediate
ReactGitHub APIChart.js

Display GitHub contributions, repositories, languages, and developer statistics in visual dashboards.

Real-time Collaborative Notes

Advanced
Node.jsSocket.ioReact

Enable multiple users to edit notes simultaneously with real-time synchronization.

URL Shortener Service

Intermediate
Node.jsExpressMongoDB

Generate short URLs, track usage analytics, and manage redirects through a backend service.

E-commerce Cart with Stripe

Advanced
ReactNode.jsStripe API

Build a complete shopping cart experience with payments, checkout, and order processing.

Quiz App with Timer

Beginner
Vanilla JS

Present timed quizzes with scoring, progress tracking, and instant result summaries.

Movie Search App

Beginner
ReactTMDB API

Search movies, view ratings and details, and discover trending content using TMDB data.

Infinite Scroll News Feed

Intermediate
ReactNews API

Load news articles dynamically as users scroll through continuously updated content feeds.

Browser Extension – Tab Manager

Intermediate
Vanilla JSChrome Extensions API

Organize, search, group, and restore browser tabs to improve productivity.

WebSocket Live Stock Ticker

Advanced
Node.jsReactWebSockets

Stream real-time stock price updates and visualize market movements with live dashboards.

Password Generator

Beginner
Vanilla JS

Generate secure passwords with customizable length, symbols, numbers, and strength indicators.

Habit Tracker App

Beginner
ReactLocalStorage

Track daily habits, maintain streaks, and monitor personal progress over time.

Pomodoro Focus Timer

Beginner
Vanilla JS

Improve productivity with customizable Pomodoro sessions, breaks, and notifications.

Job Board Platform

Intermediate
Node.jsExpressMongoDB

Allow employers to post jobs and applicants to search and apply online.

Recipe Finder App

Beginner
ReactSpoonacular API

Discover recipes based on ingredients, dietary preferences, and cooking time.

Social Media Scheduler

Advanced
ReactNode.jsPostgreSQL

Schedule and manage social media posts across multiple platforms.

Cryptocurrency Tracker

Intermediate
ReactCoinGecko API

Monitor cryptocurrency prices, trends, and portfolio performance in real time.

Multiplayer Tic-Tac-Toe

Intermediate
Node.jsSocket.io

Play Tic-Tac-Toe online with friends using real-time communication.

AI Resume Builder

Advanced
ReactOpenAI API

Generate ATS-friendly resumes tailored to user skills and target job roles.

Notes App with Search

Beginner
Vanilla JSLocalStorage

Create, organize, and instantly search personal notes stored locally.

Fitness Tracker Dashboard

Intermediate
ReactChart.js

Visualize workouts, calories, and health metrics with interactive charts.

Meme Generator

Beginner
ReactCanvas API

Create custom memes by adding text overlays to uploaded images.

Online Polling App

Intermediate
Node.jsExpressSocket.io

Create live polls and display voting results instantly to participants.

AI Email Generator

Advanced
ReactOpenAI API

Generate professional emails based on user prompts and context.

Budget Planner

Beginner
Vanilla JS

Manage monthly budgets and visualize spending against savings goals.

Event Booking System

Advanced
ReactNode.jsPostgreSQL

Handle event registrations, ticket purchases, and attendee management.

Portfolio Builder

Intermediate
React

Allow users to generate and customize developer portfolio websites.

Real-time Voting Platform

Advanced
Node.jsSocket.ioReact

Conduct live voting sessions with instant updates and analytics.

Music Player App

Beginner
Vanilla JSHTML Audio API

Stream local audio files with playlists, controls, and playback history.

SaaS Analytics Dashboard

Advanced
ReactRechartsNode.js

Track subscriptions, revenue metrics, churn rates, and customer growth.

URL Preview Generator

Intermediate
Node.jsOpen Graph API

Generate rich link previews by extracting metadata from websites.

Form Builder

Intermediate
ReactDrag-and-Drop

Create custom forms visually and export schemas or responses.

AI Study Assistant

Advanced
ReactOpenAI API

Summarize notes, answer questions, and generate study guides.

Browser Bookmark Manager

Beginner
Vanilla JSLocalStorage

Save, categorize, and search bookmarks through a clean interface.

API Monitoring Dashboard

Advanced
Node.jsReactWebSockets

Track API uptime, response times, and system health in real time.

Invoice Generator

Beginner
JavaScriptjsPDF

Generate professional PDF invoices with automated calculations and branding.

Need a personalized JavaScript project?

Get a tailored JS project with a week-by-week roadmap, resume bullets, and interview prep in under 60 seconds.

Generate a personalized JS project
FAQ

JavaScript Projects — Frequently Asked