⚡ All Projects Playground
Explore multiple projects in one interactive interface with live preview
Try our interactive coding playground featuring Click Counter, Color Changer, and Quote Generator - all with live preview!
Open All Projects Playground →🌱 Easy Projects
Perfect for beginners - Start here!
Click Counter
Easy
Click Counter
Description: Build a button counter that increments on click.
Skills: Variables, Event Listeners, DOM Manipulation
Start Project →Color Changer
Easy
Color Changer
Description: Change background color with a button click or random colors.
Skills: DOM Manipulation, Random Numbers, Styling
Start Project →Theme Toggle
Easy
Theme Toggle
Description: Switch between light and dark themes with localStorage.
Skills: localStorage, CSS Variables, Event Handling
Start Project →Word Counter
Easy
Word Counter
Description: Count words and characters in real-time as user types.
Skills: Input Events, String Methods, DOM Updates
Start Project →Bulb Toggle
Easy
Bulb Toggle
Description: Simple ON/OFF bulb that toggles with button click.
Skills: State Management, Conditional Logic, Visual Feedback
Start Project →Todo List
Easy
Todo List
Description: Add, mark complete, and delete tasks from a list.
Skills: Array Methods, DOM Manipulation, Event Listeners
Start Project →Password Generator
Easy
Password Generator
Description: Generate random secure passwords with custom options.
Skills: Random Generation, String Manipulation, Copy to Clipboard
Start Project →📈 Medium Projects
Level up your skills with moderate complexity
Quote Generator
Medium
Quote Generator
Description: Display random inspiring quotes with share functionality.
Skills: APIs/Arrays, Random Selection, DOM Manipulation
Start Project →Digital Clock
Medium
Digital Clock
Description: Display current time and update in real-time.
Skills: Date Objects, setInterval, Formatting
Start Project →BMI Calculator
Medium
BMI Calculator
Description: Calculate BMI and categorize health status.
Skills: Form Input, Calculations, Conditional Logic
Start Project →Bulb Colour
Medium
Bulb Colour
Description: Toggle bulb with random color changes.
Skills: Color Generation, DOM Styling, Event Handling
Start Project →Stopwatch
Medium
Stopwatch
Description: Build a timer with start, stop, and reset buttons.
Skills: setInterval, clearInterval, Time Formatting
Start Project →Weather App
Medium
Weather App
Description: Fetch weather data from API and display forecast.
Skills: Fetch API, JSON Parsing, Data Display
Start Project →Joke Generator
Medium
Joke Generator
Description: Fetch and display random jokes from an API.
Skills: Fetch API, Promise Handling, Text Display
Start Project →🚀 Intermediate Projects
Challenge yourself with more complex features
Calculator
Intermediate
Calculator
Description: Full-featured calculator with basic & advanced operations.
Skills: Expression Parsing, Math Operations, UI Design
Start Project →Image Slider
Intermediate
Image Slider
Description: Create an image carousel with navigation and autoplay.
Skills: DOM Manipulation, Timing, Event Listeners
Start Project →Form Validation
Intermediate
Form Validation
Description: Validate form inputs with real-time error messages.
Skills: Regular Expressions, Form Handling, Validation Logic
Start Project →Expense Tracker
Intermediate
Expense Tracker
Description: Track expenses with add, delete, and filter features.
Skills: Array Methods, LocalStorage, Data Filtering
Start Project →Movie Search
Intermediate
Movie Search
Description: Search movies using OMDB API and display results.
Skills: Fetch API, Search Functionality, Data Rendering
Start Project →Quiz Game
Intermediate
Quiz Game
Description: Interactive quiz with score tracking and results.
Skills: Data Structures, Event Handling, Score Calculation
Start Project →Pomodoro Timer
Intermediate
Pomodoro Timer
Description: Time management timer with work/break cycles.
Skills: State Management, Notifications, Timer Logic
Start Project →Rock Paper Scissors
Intermediate
Rock Paper Scissors
Description: Play game against computer with score tracking.
Skills: Game Logic, Random Selection, Score Management
Start Project →