Basic JavaScript Projects 🚀

This repository contains eight beginner-friendly JavaScript projects that focus on DOM manipulation, event handling, and user interaction. Each project is simple yet effective for learning core JavaScript concepts.

📌 Projects Included:

1⃣ BMI Calculator

• A simple web-based BMI (Body Mass Index) calculator.
• Users can input their weight and height to get their BMI.
• Tech Used: HTML, CSS, JavaScript.
  📚 File: BMICalculator/index.html

---

2⃣ Color Picker

• A tool that allows users to select colors and change the background to that color.
• Tech Used: HTML, CSS, JavaScript.
  📚 File: ColorPicker/index.html

---

3⃣ Guess the Number

• A simple number guessing game.
• The player has limited attempts to guess a random number between 1 and 10.
• Displays messages indicating whether the guess is too high, too low, or correct.
• Tech Used: HTML, CSS, JavaScript.
  📚 File: GuessTheNumber/index.html

---

4⃣ Local Time

• A real-time clock that displays the current time.
• Updates every second.
• Tech Used: HTML, CSS, JavaScript.
  📚 File: LocalTime/index.html

---

5⃣ To-Do List

• A simple task management app where users can add, mark, and delete tasks.
• Data is stored in local storage, so tasks persist even after refreshing the page.
• Features:
  ✅ Add new tasks
  ✅ Mark tasks as completed
  ✅ Remove tasks
  ✅ Saves tasks in local storage
• Tech Used: HTML, CSS, JavaScript.
  📚 File: ToDoList/index.html

---

6⃣ Password Generator

• A tool that generates a random secure password.
• Users can copy the password with a single click.
• Features:
  ✅ Random password generation
  ✅ Toggle password visibility
  ✅ Copy password to clipboard
• Tech Used: HTML, CSS, JavaScript.
  📚 File: PasswordGenerator/index.html

---

7⃣ Image Search Engine

• A web application that allows users to search for images using the Pexels API.
• Users can enter a keyword, and relevant images are displayed.
• A Show More button is available to load additional images.
• Tech Used: HTML, CSS, JavaScript, Pexels API.
  📚 File: ImageSearchEngine/index.html

---

8⃣ Quote Generator

• A web-based application that generates random motivational quotes.
• Users can refresh to get a new quote or click a button to generate one.
• Tech Used: HTML, CSS, JavaScript.
  📚 File: QuoteGenerator/index.html

---

🚀 How to Run the Projects

1. Clone this repository:

   git clone https://github.com/Kishan-k2004/Basic-JavaScript-Projects.git

2. Open the respective project folder.
3. Open the index.html file in a browser.

---

🐝 Contributing

Feel free to contribute by adding features, fixing bugs, or suggesting improvements! Pull requests are welcome.

---

🐝 License

This project is open-source and free to use.

Let me know if you need any further changes! 🚀🔧