50 JavaScript Projects for Beginners to Advanced
Beginner (1-15)
- Counter App - Increment, decrement, reset
- Digital Clock - Real-time clock display
- Color Flipper - Change background color randomly
- To-Do List - Add, delete, complete tasks
- Simple Calculator - Basic math operations
- Tip Calculator - Input bill and percentage
- Image Slider/Carousel
- Weather App (using API) - Use OpenWeatherMap API
- Password Generator - With length and character types
- Character Counter - For textareas
- BMI Calculator
- Form Validator - Validate email, password, etc.
- Dark/Light Mode Toggle
- Quote Generator (using API or array)
- Stopwatch/Timer
Intermediate (16-35)
- Notes App with localStorage
- Expense Tracker
- QR Code Generator
- Typing Speed Test
- Movie Search App (OMDB API)
- Tic Tac Toe Game
- Pomodoro Timer
- Music Player (with audio controls)
- Hangman Game
- Drag and Drop Tasks (Kanban-style)
- Markdown Previewer
- Speech-to-Text App
- Currency Converter (API)
- GitHub Profile Finder (GitHub API)
- Accordion FAQ Section
- Text-to-Speech App
- Memory Game
- Age Calculator
- Countdown Timer
- Recipe Search App (MealDB API)
Advanced Beginner to Early Advanced (36-50)
- E-commerce Product Page UI (with cart logic)
- Basic Chat App (with Firebase)
- Real-time Weather Dashboard
- PDF Generator (html2pdf.js)
- Task Manager with Priority Filter
- Custom Video Player
- Quiz App (with timer and score logic)
- Multi-step Form
- Calendar App
- Infinite Scroll Image Gallery (API)
- Simple Drawing App (canvas)
- Portfolio Website (interactive, filterable)
- LocalStorage Blog (Create, Read, Edit, Delete posts)
- Theme Customizer Tool
- Mini Code Editor (HTML, CSS, JS preview)