🌤️ Weather App

A modern, responsive, and interactive weather application built with HTML, CSS, and JavaScript, powered by the OpenWeather API.
It features glassmorphism design, dark/light mode, animated icons, and real-time weather data for any city worldwide.

---

🚀 Features

• 🔍 Search Weather by City — Get instant weather details by entering any city name.
• 🌗 Dark / Light Mode — Smooth transitions for better readability.
• 🎨 Glassmorphism UI — Frosted-glass style with neumorphism touches for a modern look.
• 🌈 Dynamic Gradients — Background adapts to theme and weather type.
• 🎬 Micro-interactions
  • Button ripple effect
  • Animated weather icons (sun, clouds, rain, etc.)
  • Loading spinner while fetching data
• 📱 Responsive Design — Optimized for desktop and mobile.

---

🛠️ Tech Stack

• Frontend: HTML5, CSS3, JavaScript (Vanilla)
• API: OpenWeather Current Weather API

---

📸 Screenshots

Light Mode 🌞

Dark Mode 🌙

---

⚙️ Installation & Usage

1. Clone this repo

   git clone https://github.com/your-username/weather-app.git
   cd weather-app

2. **Open the project**
   Just open `index.html` in your browser.

3. **Add your OpenWeather API Key**

   * Sign up at [OpenWeather](https://openweathermap.org/api).
   * Generate a free API key.
   * Replace the placeholder in `script.js`:

     ```js
     const apiKey = "YOUR_API_KEY";
     ```

---

## 📌 Roadmap / Future Enhancements

* 🌍 Show 5-day weather forecast.
* 🗺️ Display weather using user’s geolocation.
* 📊 Add charts for temperature/humidity trends.
* 💾 Save favorite cities with LocalStorage.

---

## 🤝 Contributing

Contributions are welcome! 🎉

* Fork the repo
* Create a new branch (`feature-xyz`)
* Commit your changes
* Open a Pull Request

---

## 📜 License

This project is licensed under the **MIT License**.
You are free to use, modify, and distribute it.

---

### 👨‍💻 Author

Made by **[Janmejoy Mahato](https://github.com/janmej0y)**

```

---

📌 Next step: Create a folder named **`README`** (or directly place `README.md` at the root of your repo) and save this as `README.md`.  

👉 Do you want me to also include a **preview GIF/animation** setup guide (so when someone visits your GitHub repo, they see a demo video of your weather app in action)?
```