🌦 Weather Dashboard

A simple and responsive Weather Dashboard built with React.js that fetches real-time weather data using the OpenWeatherMap API.

---

📌 Features

• 🔍 Search weather by city name

• 🌤 Dynamic backgrounds based on weather conditions (☀️ Sunny, ☁️ Cloudy, 🌧️ Rainy, ❄️ Snowy, etc.)

• 🌡 Displays:

  • Current temperature
  • Feels like temperature
  • Humidity (%)
  • Wind speed (m/s)
  • Pressure (hPa)
  • Sunrise & sunset timings

• ⚡ Built with React.js, styled with CSS, and powered by OpenWeatherMap API

---

🛠 Tech Stack

• React.js
• JavaScript (ES6+)
• CSS3
• OpenWeatherMap API

---

🚀 Getting Started

1️⃣ Clone the repository

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

2️⃣ Install dependencies

npm install

3️⃣ Add your API key

• Get a free API key from OpenWeatherMap.
• Open App.js and replace with your key:

const API_key = "YOUR_API_KEY";

4️⃣ Run the project

npm start

The app will open on http://localhost:3000.

---

📸 User Interface backgrounds

🌤 Example (Sunny)

🌧 Example (Rainy)

---

🙌 Acknowledgments

• OpenWeatherMap API for providing free weather data.
• TechnoHacks internship program.
• Mentor Sandip Gavit for guidance.

---

📝 License

This project is licensed under the Unlicense License.