My JavaScript Projects

Mini projects built using HTML, CSS & JavaScript

Calculator

A simple calculator that performs basic arithmetic operations like addition, subtraction, multiplication and division.

JavaScript Validation Math
Open Project

Image Slider & Popup

An image slider with next/previous buttons, A popup modal box that opens and closes using buttons.

Slider Images DOM Popup
Open Project

Loader

Animated loading screen created using CSS and JavaScript, commonly used while content is loading.

Loader Animation CSS
Open Project

Calendar

A dynamic calendar that displays current date, month and year using JavaScript Date object.

Date Calendar Logic
Open Project

Image Zoom

An image zoom-in effect on image hover or click.

Zoom Images DOM
Open Project

Quiz App

An interactive quiz application with multiple choice questions, score tracking, and instant feedback for user answers.

Data Logic Events DOM
Open Project

Weather App

A real-time weather application that fetches current weather data and forecasts using weather API integration.

Data API DOM
Open Project

Todo List App

A task management app where you can add, complete, and delete tasks. Data persists using localStorage for offline access.

localStorage DOM Events
Open Project

Stopwatch

A high-precision stopwatch with start, stop, and reset controls. Features hours, minutes, and seconds display with glowing effects.

setInterval Timers Logic
Open Project

Password Generator

Generate secure random passwords with customizable options. Includes strength indicator and copy-to-clipboard functionality.

Math.random() Regex Security
Open Project

Dark Mode Toggle

A complete dark mode implementation with smooth theme switching. User preference is saved using localStorage and persists across sessions.

CSS Variables localStorage Themes
Open Project

Color Picker

Interactive color picker with HEX and RGB conversion. Generate random colors and copy values to clipboard.

Color Input Conversion
Open Project

Shopping Cart

A complete e-commerce shopping cart with product browsing, add to cart, real-time price calculation, tax computation, and checkout functionality.

Array Methods DOM State Management
Open Project

Expense Tracker

Track your daily expenses with categories and totals. Data saves automatically using localStorage.

localStorage DOM Tracking
Open Project

Quote Generator

Random inspirational quotes with copy functionality. Perfect collection of motivational quotes to share.

Array Random Clipboard
Open Project

Temperature Converter

Convert between Celsius, Fahrenheit, and Kelvin instantly. Real-time conversion with mathematical formulas displayed.

Math Conversion Input
Open Project

BMI Calculator

Calculate your Body Mass Index with metric and imperial units. Get instant health category classification.

Math Calculation Health
Open Project

Music Player

A complete music player with play/pause controls, playlist management, volume control, and song progress tracking.

Audio UI Controls DOM
Open Project

Notes App

Create, edit, and delete notes with automatic date stamping. Data persists using localStorage for offline access.

localStorage CRUD DOM
Open Project

Unit Converter

Convert between different units of length, weight, temperature, and volume with real-time conversion calculations.

Conversion Math Real-time
Open Project

Pomodoro Timer

A productivity timer with configurable work and break durations. Tracks completed sessions with session history.

Timer setInterval Productivity
Open Project

File Uploader

Upload and manage files with drag & drop support. Track file names, sizes, and dates with easy deletion functionality.

File Input Drag & Drop Validation
Open Project

Username Generator

Generate unique usernames with multiple styles (Cool, Professional, Gaming, Creative). Includes options for numbers, symbols, and mixed case.

Random String Customizable
Open Project

Email Validator

Validate email addresses in real-time with pattern matching and regex. Provides instant feedback on email format validity and suggestions.

Regex Validation Real-time
Open Project

Clock

A beautiful digital and analog clock display showing real-time hours, minutes, and seconds. Features smooth animations and multiple theme options.

Date Timer Animation
Open Project