🌟 Web Mini Projects

Welcome to my repository of Web Mini Projects! This collection showcases a variety of web development projects designed using HTML, CSS, and JavaScript. These projects aim to enhance my web development skills while exploring functionalities commonly found in web applications.

---

📂 Projects Included

Here are the mini projects included in this repository:

1. Age Calculator
   Calculate your age based on your Date of Birth (DOB) using a simple interactive interface.

2. Battery Indicator
   A battery level indicator that updates in real-time.

3. Birthday Letter
   A customizable birthday letter generator.

4. Clock & Stopwatch
   A combination of a real-time clock and a stopwatch with intuitive controls.

5. Countdown to 2025
   A live countdown timer tracking the days, hours, minutes, and seconds until 2025.

6. Height Converter
   Convert height between different measurement units.

7. QR Code Generator
   Generate QR codes for text or URLs.

8. Temperature Converter
   Convert temperatures between Celsius, Fahrenheit, and Kelvin.

9. Dropdown Menu
   An interactive dropdown menu showcasing responsive navigation links.

10. FAQ Collapse
    A stylish FAQ section where answers expand and collapse dynamically.

11. Login Page
    A responsive login form with input validation for a seamless user experience.

12. Online Quiz
    A simple quiz application to test your knowledge with real-time scoring.

13. Password Generator
    Generate secure passwords with customizable options for length and complexity.

14. Pricing Card
    A modern pricing card design showcasing subscription tiers.

15. Sidebar Navigation
    A collapsible sidebar navigation menu for web applications.

16. To-Do List
    A functional to-do list app with task addition, removal, and completion tracking.

---

🛠 Technologies Used

This repository utilizes the following technologies:

• HTML: For structuring the web pages.
• CSS: For designing and styling.
• JavaScript: For adding interactivity and dynamic functionality.

---

🚀 Getting Started

To get started with this repository, follow these steps:

1. Clone the repository:
   Run the following command to clone this repository to your local machine:

   git clone https://github.com/Rochdi7/Web-Mini-Projects.git

2. Open in Browser:
   Navigate to the project folder and open the index.html file in your browser.

3. Modify & Experiment:
   Feel free to modify the code and experiment with different features.

---

🎉 Contributions

Feel free to contribute to this repository by submitting pull requests. Suggestions for new projects, enhancements, or optimizations are always welcome!

---

✨ Author

Rochdi7
GitHub: @Rochdi7

---

📄 License

This repository is licensed under the MIT License. See the LICENSE file for more details.

---

🙌 Happy Coding!

Explore the projects, experiment with the code, and enjoy learning! 🚀✨