Skip to content

README.md

Latest commit

 

History

History
74 lines (54 loc) · 3.84 KB

README.md

File metadata and controls

74 lines (54 loc) · 3.84 KB
Raw

JavaScript Projects 🚀

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.

📂 Projects Included

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.

🛠️ Tech Stack

  • 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

▶️ How to Run

  1. Clone the repository: 
    git clone https://github.com/AkshitKumarBansal/JavaScript_Projects.git
  2. Open the folder of the project you want to try: 
    cd JavaScript_Projects/Weather_App
  3. Open index.html in 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.

🎯 Purpose

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.

🤝 Contributing

This is primarily a personal learning repository, but suggestions and improvements are welcome — feel free to open an issue or submit a pull request.

📄 License

Feel free to use, learn from, or build on any of these projects.