A collection of mini web applications built using HTML, CSS, and Vanilla JavaScript. This repository is a playground for practicing DOM manipulation, event handling, API integration, and game logic — no frameworks, just core JS.
| Project | Description |
|---|---|
| Age Calculator | Calculates your exact age in years, months, and days from your selected date of birth. |
| BMI Calculator | Calculates Body Mass Index from height and weight input, and classifies the result (underweight, normal, overweight, etc.). |
| Currency Converter | Converts an amount between currencies using live exchange rates fetched from the Frankfurter API. |
| Expense Tracker | Tracks income and expenses, updating a running balance and transaction history in real time. |
| Memory Card Game | A classic card-matching memory game that tests recall by flipping and matching pairs. |
| Notes App | A note-taking app for jotting down quick notes, with notes saved in the browser via localStorage so they persist between visits. |
| Password Generator | Generates random, secure passwords with a customizable length and selectable character types (uppercase, lowercase, numbers, symbols), plus one-click copy. |
| QR Code Generator | Generates a scannable QR code from any URL or text you enter. |
| Quiz App | A multiple-choice quiz on web development basics with instant answer feedback and a final score screen. |
| Quote Generator | Fetches and displays a random inspirational quote and author, with a one-click copy-to-clipboard option. |
| Rock Paper Scissors | Play Rock–Paper–Scissors against the computer with score tracking. |
| Snake Game | The classic Snake game rendered on an HTML canvas, controlled with arrow keys. |
| Split Bill App | Splits a bill among multiple people, including tip percentage calculations, with totals shown in ₹ (Rupees). |
| Tic Tac Toe | Two-player Tic Tac Toe with turn tracking and win/draw detection. |
| To-Do List | Add, complete, and delete tasks in a simple to-do list app with persistent task management. |
| Weather App | Fetches and displays current weather for any city using the OpenWeatherMap API. |
- HTML5 – structure and markup
- CSS3 – styling and layout
- JavaScript (ES6+) – logic, DOM manipulation, and API calls
Each project lives in its own folder with three files:
Project_Name/
├── index.html
├── style.css
└── script.js
- Clone the repository:
git clone https://github.com/AkshitKumarBansal/JavaScript_Projects.git
- Open the folder of the project you want to try:
cd JavaScript_Projects/Weather_App - Open
index.htmlin your browser (double-click it, or use an extension like VS Code's Live Server).
Note: The Weather App and Currency Converter make live API calls, so an internet connection is required to use those two.
This repo documents my ongoing practice with vanilla JavaScript — building small, self-contained apps to strengthen fundamentals like DOM manipulation, event-driven programming, fetch/API integration, and basic game logic, before moving on to frameworks and libraries.
This is primarily a personal learning repository, but suggestions and improvements are welcome — feel free to open an issue or submit a pull request.
Feel free to use, learn from, or build on any of these projects.