📁 JavaScript Mini Projects
Welcome to my collection of JavaScript mini projects! This repository is focused on practicing and improving my core JavaScript skills through small, functional applications. Each project highlights a specific concept like DOM manipulation, event handling, API usage, and local storage.
📌 Projects Included
1. 📝 To-Do List App
A sleek and minimal to-do list application with support for dark mode! Users can:
- ➕ Add tasks
- ✅ Mark tasks as completed
- 🗑️ Delete tasks
- 💾 Automatically save tasks using Local Storage
🔧 Technologies & Features
- HTML5, CSS3
- JavaScript
- DOM Manipulation
- Event Listeners
- Local Storage API
🔗 Live Demo
👉 Click here to try the To-Do List App
2. 🌦️ Weather App (OpenWeather API)
A sleek weather application that allows users to:
- 🔍 Search for any city worldwide
- 🌡️ Get real-time temperature and weather conditions
- ☁️ Use data from OpenWeatherMap API
🔧 Technologies Used:
🔗 Live Demo:
👉 Open Weather App
👉 Open Weather App V2
3. 🛒 SmartCart - E-Commerce Cart Prototype
A minimal E-Commerce Cart system where users can:
- ➕ Add products to the cart
- 🗑️ Remove items from the cart
- 💵 View real-time total price
- 💾 Cart data is saved using Local Storage, so items persist even after page refresh
- ✅ Smooth UI with dark mode look
🔧 Technologies & Features
- HTML5, CSS3
- JavaScript
- DOM Manipulation
- Event Listeners
- Local Storage API
- Responsive Dark Theme
🔗 Live Demo
👉 Try the SmartCart App
4. 💸 Expense Tracker
A simple Expense Tracker application that allows users to:
- ➕ Add expenses with name and amount
- 🗑️ Delete individual expenses
- 💵 View real-time total expense amount
- 🚫 Form validation for invalid amounts
- 💾 Expense data saved using Local Storage, so data persists after page refresh
- ✅ Dark theme responsive UI
🔧 Technologies & Features
- HTML5, CSS3
- JavaScript
- DOM Manipulation
- Event Listeners
- Local Storage API
- Responsive Dark Theme
- Basic Form Validation
🔗 Live Demo
👉 Try the Expense Tracker App
5. 🧠 Quiz App
A responsive, dark-themed Quiz Application where users can:
- ❓ Answer multiple-choice questions
- ✅ Get instant feedback for correct answers
- ❌ See visual indication for wrong answers and correct choice
- 🧾 View final score after completing the quiz
- 🔄 Restart the quiz anytime
🔧 Technologies & Features
- HTML5, CSS3
- JavaScript
- DOM Manipulation
- Event Listeners
- Responsive Dark Theme
- Basic Score Tracking
🔗 Live Demo
👉 Try the Quiz App
🙋♂️ Author
Parvesh Bansal
🔗 Connect with Me