A collection of hands-on mini projects built using HTML, CSS, and JavaScript, showcasing practical implementation of DOM manipulation, event handling, and UI design.
📁 Projects Included
🔹 1. Quote Generator
Generates random motivational quotes with a single click.
🔹 2. Background Color Changer
Changes the background color dynamically using JavaScript.
🔹 3. Love Calculator 💖
A fun project that calculates "love percentage" based on names.
🔹 4. Digital Clock ⏰
Displays real-time clock using JavaScript Date object.
🔹 5. Countdown Timer ⏳
Counts down to a specific date or time.
🔹 6. Guess The Number Game 🎯
User tries to guess a randomly generated number.
🔹 7. Simon Says Game 🎮
Memory-based game where user repeats patterns.
🔹 8. To-Do List 📝
A simple task manager to add, delete, and track tasks.
🔹9.dog_quiz 🐶 used api to fetch image and facts and made a simple quiz structure with random facts.
🛠️ Technologies Used
- HTML
- CSS
- JavaScript
📌 Purpose
These projects are built to:
- Practice JavaScript fundamentals
- Improve DOM manipulation skills
- Build logic and problem-solving ability
-
Clone the repository:
git clone https://github.com/your-username/javascript-mini-projects.git
-
Open any project folder
-
Run the "index.html" file in your browser
📷 Preview
Each project runs independently in the browser.
🤝 Contributing
Feel free to fork this repository and improve the projects.
⭐ Support
If you like this repository, give it a ⭐ on GitHub!