30 Days of JavaScript

30 Days of JavaScript

30 Days of JavaScript is an open-source collection of JavaScript projects designed to help you master JavaScript through hands-on practice. Perfect for building your skills, one project at a time.

Projects List

Drum Kit

Drum Kit

Play different drum sounds using this interactive drum kit.

Clock

Displays the current time with a simple clock interface.

Random Color Generator

Random Color Generator

Generate random colors with a single click using this tool.

Digital Clock

A digital clock that displays the current time with real-time updates.

Random Password Generator

Random Password Generator

Generate strong random passwords for secure use.

Calendar

A simple calendar interface to view and manage dates.

Dynamic Form Field

Dynamic Form Field

Create and manage dynamic form fields with ease.

Number Counter

Number Counter

Increment or decrement numbers with a counter control.

Dice Roll

Dice Roll

Roll a virtual dice and get a random number between 1 and 6.

Emoji Switcher

Switch between different emojis using this interactive tool.

Color Picker

Color Picker

Select colors using a color picker and view the color codes.

Custom QR Code

Custom QR Code

Generate custom QR codes for URLs or text content.

Favicon Fetcher

Favicon Fetcher

Fetch and display favicons of websites using their URLs.

Visit Counter

Visit Counter

Track the number of visits to your website with this simple counter.

Joke Generator

Joke Generator

Generate random jokes using the JokeAPI.

Countdown Timer

Countdown Timer

Set a countdown timer for any event or date.

Text Speed Control

Text Speed Control

Control the speed of text using a range slider.

Stopwatch

Stopwatch

A simple stopwatch with start, stop, and reset functionality.

Traffic Lights

Traffic Lights

A simple traffic light simulation using HTML, CSS, and JavaScript.

Levitate Board

Levitate Board

Move the board using the arrow keys and make the ball levitate.

Wave Effect

Wave Effect

Create a wave effect using HTML, CSS, and JavaScript.

Zoom Effect

Zoom Effect

Create a zoom effect using HTML, CSS, and JavaScript.

Drawing Pad

Drawing Pad

Draw on the canvas using the mouse or touch input.

Word Counter

Word Counter

Count the number of words and characters in the text.

Weather App

Weather App

Get the weather details of any city using the OpenWeatherMap API.

Calculator

Calculator

A simple calculator built using HTML, CSS, and JavaScript.

Memory Matching Game

Memory Matching Game

A simple memory matching game built using HTML, CSS, and JavaScript.

Music Player

Music Player

A simple music player built using HTML, CSS, and JavaScript.

To Do List

To Do List

A simple to-do list built using HTML, CSS, and JavaScript.

Tic Tac Toe

Tic Tac Toe

Play the classic Tic Tac Toe game against the computer.

Pop the Balloons

Pop the Balloons

Pop balloons by clicking on them before they disappear.

Key Code

Key Code

Get the key code and key name of any key pressed.

Decimal To Binary

Decimal To Binary

Convert decimal numbers to binary numbers.

Hangman

Hangman

Play the classic Hangman game and guess the word.

Simple Form Validation

Simple Form Validation

Validate form fields using JavaScript.

Lorem Ipsum Generator

Lorem Ipsum Generator

Generate random Lorem Ipsum text with options to include paragraphs, words, and characters.

RPS Game

RPS Game

Play the classic Rock, Paper, Scissors game against the computer.

Snake Game

Snake Game

Play the classic Snake game and eat the food to grow.

Age Calculator

Age Calculator

Calculate your age based on your birthdate with this simple tool.

Gradient Generator

Gradient Generator

Create beautiful CSS gradients easily with this gradient generator.

Sorting Visualizer

Sorting Visualizer

Visualize different sorting algorithms in action with this tool.

PixSort Studio

PixSort Studio

Apply pixel sorting effects to images using this intuitive studio.

Getting Started with APIs

Getting Started with APIs

Learn the basics of working with APIs and integrating them into your projects.

Block Runner

Block Runner

A game where you navigate a block through various obstacles.

Dice Game

Dice Game

Roll dice and play various dice-based games.

Palindrome Checker

Palindrome Checker

Check if a word or phrase is a palindrome.

Caesar Cipher

Caesar Cipher

Encrypt and decrypt text using the Caesar cipher technique.

Weight Converter

Weight Converter

Convert weights between different units.

Image Utility

Image Utility

Perform various image-related tasks such as resizing or filtering.

Guess the Number

Guess the Number

A game where you guess a randomly generated number.

Balloon Game

Balloon Game

Pop balloons to score points in this fun game.

Temperature Converter

Temperature Converter

Convert temperatures between Celsius, Fahrenheit, and Kelvin.

Notes Taking App

Notes Taking App

Take and manage notes easily with this app.

N Queen Visualizer

N Queen Visualizer

Visualize the N-Queens problem and its solutions.

Bubble Shooting Game

Bubble Shooting Game

Shoot and pop bubbles to clear the board.

Stick Hero Game

Stick Hero Game

Guide a hero across platforms by adjusting the length of the stick.

Quiz App

Quiz App

Create and take quizzes on various topics.

Simon Game

Simon Game

Play the memory game where you follow the sequence of colors.

Color Choosing Game

Color Choosing Game

Choose the correct color based on the given prompt.

Reaction Time

Reaction Time

Test and improve your reaction time with this interactive tool.

Wall Breaker Game

Wall Breaker Game

Break walls and obstacles to advance in this game.

Dot Connect Game

Dot Connect Game

Connect dots to complete patterns or shapes.

Insect Catching Game

Insect Catching Game

Catch insects to score points in this engaging game.

Particle Effect Animation

Particle Effect Animation

Create and visualize various particle effects.

Postmaster Clone

Postmaster Clone

A clone of the Postmaster game where you manage and deliver mail.

Text to Speech Converter

Text to Speech Converter

Convert text to speech with this utility.

Currency Converter

Currency Converter

Convert amounts between different currencies.

Movie TV Series Quote Generator

Movie TV Series Quote Generator

Generate random quotes from movies and TV series.

Pattern Generator

Pattern Generator

Generate various patterns with customizable settings.

Transpose Matrix Calculator

Transpose Matrix Calculator

Calculate the transpose of a matrix with this tool.

Steal Diamond Game

Steal Diamond Game

Navigate obstacles to steal diamonds and escape.

Typing Platform

Typing Platform

Improve your typing speed and accuracy with this platform.

Casino Slot Machine Game

Casino Slot Machine Game

Play a slot machine game and try to win big.

Color Game

Color Game

Guess the color based on the displayed clues.

Movie Search App

Movie Search App

Search for movies and get details using this app.

Car Game

Car Game

A game where you drive a car and avoid obstacles.

Search Github Profile

Search for GitHub profiles and view user information.

Dictionary App

Dictionary App

Look up words and get definitions using this app.

Three Number

Three Number

Solve problems or puzzles involving three numbers.

Sudoku

Sudoku

Play and solve Sudoku puzzles with various difficulty levels.

Hangman Game

Hangman Game

Guess the hidden word in this classic Hangman game.

Falling Ball Game

Falling Ball Game

Catch falling balls and score points.

Dot Target Game

Dot Target Game

Hit targets with dots to score points.

Tetris Game

Tetris Game

Play the classic Tetris game and arrange falling blocks.

Sticky Notes

Sticky Notes

Create and manage sticky notes for quick reminders.

Spin The Wheel Game

Spin The Wheel Game

Spin the wheel and see what prize you get.

Body Mass Index Calculator

Body Mass Index Calculator

Calculate your BMI based on height and weight.

Ping Pong Game

Ping Pong Game

Play a simple ping pong game with a computer opponent.

Projectile Motion Simulator

Projectile Motion Simulator

Simulate the motion of a projectile and visualize its trajectory.

Atari Game

Atari Game

Play a classic Atari-style game with simple graphics and gameplay.

Multiply Math Game

Multiply Math Game

Solve multiplication problems in a fun and interactive game.

Casio

Casio

An interactive calculator app with various functions.

Typer

Typer

A typing speed game to improve your typing skills.

Word Guess

Word Guess

Guess the hidden word based on clues provided.

Whack a Mole Game

Whack a Mole Game

Hit the moles that pop up to score points in this classic game.

Pomodoro Clock

Manage your time effectively with a Pomodoro technique timer.

Captcha Generator

Captcha Generator

Generate CAPTCHA codes to prevent automated submissions.

Math Game

Math Game

Solve various math problems and challenges in this engaging game.

BlackJack Game

BlackJack Game

Play the classic card game of Blackjack against the dealer.

Coin Game

Coin Game

Play a game involving coin flips or coin-based challenges.

Bomb Throw Game

Bomb Throw Game

Throw bombs at targets to score points in this action game.

Minesweeper Game

Minesweeper Game

Play the classic Minesweeper game and clear the board without hitting mines.

Retro Mario Game

Retro Mario Game

Play a retro-style Mario game with classic platformer elements.

Catch Me If You Can

Catch Me If You Can

Catch the moving target to score points in this fast-paced game.

Word For Alphabet Speak Aloud

Word For Alphabet Speak Aloud

A tool that reads out words and their corresponding alphabet letters.

Snowy Particle Js

Snowy Particle Js

Create snow particle effects with this JavaScript library.

Stack Game

Stack Game

Stack blocks or items as high as possible without them falling.

Maths Addition

Maths Addition

Practice addition problems in this simple math game.

Number Facts

Number Facts

Learn interesting facts about numbers with this tool.

Pixel to em Converter

Pixel to em Converter

Convert pixel values to em units for responsive design.

Luminosity Particle Js

Luminosity Particle Js

Create luminosity particle effects with this JavaScript library.

Maze Game

Maze Game

Navigate through a maze to reach the end.

Minesweeper

Minesweeper

A classic Minesweeper game with various difficulty levels.

Movie Guessing Game

Movie Guessing Game

Guess the movie based on hints or images provided.

Tower of Hanoi

Tower of Hanoi

Solve the Tower of Hanoi puzzle with multiple disks.

Shell Game

Shell Game

Play the shell game where you guess under which shell the item is hidden.

Guess the Shape

Guess the Shape

Guess the shape based on the given clues or hints.

Match Three

Match Three

Match three or more similar items to score points in this game.

Guess the Country

Guess the Country

Guess the country based on the given clues or hints.

Taash Game

Taash Game

Play the classic card game of Taash against the computer.

Mancala Game

Mancala Game

Play the classic Mancala game and capture the most stones to win.

Lights Out

Lights Out

Turn off all the lights in this puzzle game.

Reverse Memory Game

Reverse Memory Game

Play a memory game where you remembers reverse steps.

2048 Game

2048 Game

Play the classic 2048 game and combine tiles to reach 2048.

Flappy Bird Game

Flappy Bird Game

Guide the bird through obstacles in this challenging game.

Arcade Game

Arcade Game

Play a variety of arcade-style games with simple controls and gameplay.