A curated collection of mini JavaScript projects to practice DOM manipulation, event handling, animations, and user interaction. These projects are great for beginners and cover real-world use cases like form toggles, interactive UI components, and API integration.
| # | Project Name | Description |
|---|---|---|
| 1 | Age Calculator | Calculate exact age from date of birth |
| 2 | Calculator | Basic arithmetic calculator |
| 3 | Cursor Change | Custom cursor effects on hover |
| 4 | Cursor Movement | Track and animate cursor movement |
| 5 | Dark/Light Mode | Toggle between light and dark themes |
| 6 | Follow/Unfollow | UI interaction for follow/unfollow buttons |
| 7 | Hide Password | Show/hide password toggle for inputs |
| 8 | Instagram Heart Effect | Like animation similar to Instagram |
| 9 | Note App | Create, edit, and delete notes in localStorage |
| 10 | Password Generator | Generate secure random passwords |
| 11 | Popup Menu | Open/close menu with animation |
| 12 | QR Code Generator | Generate QR codes from text input |
| 13 | Stopwatch | Simple stopwatch with start, stop, reset |
| 14 | Story Previewer | Instagram-like story preview animation |
| 15 | Weather App | Fetch live weather using OpenWeatherMap API |
- HTML5
- CSS3
- JavaScript (ES6+)
- Some projects use APIs (like
weather app) - No frameworks or libraries used
(Add images, GIFs, or links to live demos here if available)
- Clone the repository:
git clone https://github.com/your-username/javascript-projects.git