Here’s a detailed README.md file for your Weather & GIF API Project:

---

🌦️ Weather & GIF API Project

An interactive web application that allows users to click on any location on the map to get real-time weather details and a fun GIF matching the weather condition.

Live Demo 🚀

---

📌 Features

• Interactive Map: Click anywhere on the map to fetch weather details for that location.
• Real-Time Weather Data: Fetches accurate weather data using the Weather API.
• Weather-Based GIFs: Displays fun, dynamic GIFs matching the current weather condition via GIPHY API.
• Responsive Design: Works seamlessly on both desktop and mobile devices.
• Dark-Themed Interface: Sleek and modern UI for a better user experience.

---

🛠️ Tech Stack

• Frontend: HTML, CSS, JavaScript
• APIs Used:
  • Weather API for weather data
  • GIPHY API for weather-specific GIFs
• Map Integration: Leaflet.js for interactive map visualization
• UI Enhancements: Responsive layout and animations

---

🚀 Getting Started

Clone the repository

git clone https://github.com/nithin6743/Weather-GIF-API-Project.git
cd Weather-GIF-API-Project

Open the Project

Simply open the index.html file in your web browser.

---

🔧 Usage

1. Open the application: Weather & GIF API Project
2. Click on the map: Select any location to get real-time weather information.
3. View Details: See weather details like temperature, humidity, and wind speed.
4. Enjoy GIFs: Watch weather-specific GIFs displayed based on the weather condition.

---

📸 Screenshots

Main Interface

---

🌍 APIs Used

1. Weather API: Provides weather data based on latitude and longitude.
2. GIPHY API: Fetches weather-specific GIFs based on weather conditions.

---

👤 Author

• Varshitha
  GitHub Profile

Feel free to contribute by creating issues or submitting pull requests! 😊