My Mini Projects

A showcase of all my learning projects — built step-by-step during my journey as a JS learner.

CALCULATE AREA

A simple webpage that takes user input for length and width, then calculates and displays the area of a rectangle using JavaScript.

Open Project

FOLLOWERS COUNT

A JavaScript-based counter that increases follower numbers and shows a congratulatory alert on every 10th milestone, with a reset option to start again.

Open Project

PRODUCT SURVEY

A small interactive product survey lab implemented with HTML, CSS and JavaScript. This exercise demonstrates DOM manipulation, event handling, basic form validation, and client-side UI updates.

Open Project

RESTAURANT MENU

A simple demo project showing how to render a restaurant menu using **HTML, CSS, and JavaScript**. It focuses on iterating through arrays of menu items, displaying them as responsive cards, and updating totals dynamically in the DOM.

Open Project

MOVIE THEATER SEATING AVAILABILITY

A JavaScript-powered seating layout that lets users manually or randomly book movie seats, visually showing available and booked spots.

Open Project

EMPLOYEE MANAGEMENT SYSTEM

A JavaScript-powered demo that manages employees — view, filter by department, calculate total salaries, and find by ID interactively.

Open Project

BOOK SYSTEM

A simple JavaScript project to manage books — add, view, and edit book details interactively with clean, responsive styling.

Open Project

TYPING SPEED ANALYSIS

A simple typing speed test that measures how fast you type in Words Per Minute (WPM), built using HTML, CSS, and JavaScript.

Open Project

RANDOM QUOTE GENERATOR

Generates a new motivational quote every time you click the button — a fun project using JavaScript arrays and DOM updates.

Open Project

TO DO LIST

A simple task manager app that lets you add, edit, and delete tasks. Built using HTML, CSS, and JavaScript to practice DOM manipulation and event handling.

Open Project

COLOR FULL MEMORY GAME

A fun and colorful Memory Match Game built using HTML, CSS, and JavaScript.Players try to find matching color pairs before time runs out.The project demonstrates DOM manipulation, event handling, array shuffling, timers, and game logic — all wrapped in a clean, modern UI.

Open Project

FORM VALIDATION

A minimal Contact Details Form built with HTML, CSS, and JavaScript that validates user input before submission. The form checks whether the user has entered both a name and an email address, giving instant alerts for missing fields. It demonstrates core front-end validation, clean UI design, and user-friendly feedback handling.

Open Project

HEALTH ARTICLE

This small web project displays a list of health and wellness articles by fetching data from a local JSON file using AJAX (XMLHttpRequest). It demonstrates how to load JSON dynamically and render structured content like titles, descriptions, bullet lists, and sections inside an HTML page.

Open Project

WEATHER REPORT

A simple Weather Report web app built with HTML, CSS, and JavaScript. It lets users enter a city name and fetch real-time temperature and weather details using the OpenWeatherMap API, displaying results dynamically in a clean, modern UI.

Open Project