|
1 | | -# Java-Script-Course |
| 1 | +# 🌟 Frontend Mini-Projects & JavaScript Examples |
| 2 | + |
| 3 | +This repository contains a collection of **basic front-end projects** and **JavaScript examples** that I built while learning. |
| 4 | +They are simple demo apps — meant for practice and showcasing — so behaviour/output may vary slightly depending on your browser and environment. |
| 5 | + |
| 6 | +## 📂 Projects Included |
| 7 | + |
| 8 | +### 1️⃣ Demo To-Do List (Local Storage) |
| 9 | +- Add, edit, and delete tasks. |
| 10 | +- Tasks persist using `localStorage`. |
| 11 | + |
| 12 | +### 2️⃣ Demo E-Commerce Page |
| 13 | +- Static sample product listing page. |
| 14 | +- Demonstrates HTML/CSS layout and basic JavaScript interactions. |
| 15 | + |
| 16 | +### 3️⃣ Expense Tracker |
| 17 | +- Add income and expenses with categories. |
| 18 | +- Automatically calculates total income, expense, and balance. |
| 19 | +- Persists transactions using `localStorage`. |
| 20 | + |
| 21 | +### 4️⃣ Quiz Application |
| 22 | +- Multiple-choice questions with a timer. |
| 23 | +- Shows score at the end and stores high score in `localStorage`. |
| 24 | + |
| 25 | +### 📝 JavaScript Examples |
| 26 | +- Additional small JavaScript examples and snippets for practice. |
| 27 | + |
| 28 | +--- |
| 29 | + |
| 30 | +## 🛠️ Tech Stack |
| 31 | + |
| 32 | +- **HTML5** |
| 33 | +- **CSS3** |
| 34 | +- **JavaScript (Vanilla)** |
| 35 | +- `localStorage` for persistent data |
| 36 | + |
| 37 | +--- |
| 38 | + |
| 39 | +## 🚀 How to Run |
| 40 | + |
| 41 | +1. Clone this repository: |
| 42 | + ```bash |
| 43 | + git clone https://github.com/<your-username>/<repo-name>.git |
| 44 | + |
| 45 | + |
| 46 | + |
| 47 | +💡 Tips: |
| 48 | +- Replace `<your-username>/<repo-name>` with your GitHub details. |
| 49 | +- Add small screenshots/GIFs under each project section for a nice look. |
| 50 | +- You can add a “Live Demo” link if you host them on GitHub Pages. |
0 commit comments