🌤️ Weather App

A beautiful and responsive weather application built with React and Tailwind CSS, powered by the OpenWeatherMap API.

🚀 Live Demo

https://weather-app2-gilt.vercel.app/

📸 Screenshots

✨ Features

• 🔍 Search any city in the world
• 🌡️ Real-time temperature in Celsius
• 💧 Humidity, wind speed, pressure details
• 🎨 Dynamic background that changes with weather
• ⛅ Weather icons for each condition
• 📱 Fully responsive design

🛠️ Tech Stack

Technology	Usage
React	Frontend framework
Tailwind CSS	Styling
OpenWeatherMap API	Weather data
JavaScript	Logic

⚙️ Installation & Setup

1. Clone the repo

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

2. Install dependencies

npm install

3. Get your API key

   • Sign up at openweathermap.org
   • Get your free API key

4. Add your API key

   • Open src/App.js
   • Replace API_KEY with your key

5. Run the app

npm start

6. Open in browser

http://localhost:3000

📁 Project Structure

weather-app/
├── public/
├── src/
│   ├── App.js        # Main component
│   ├── index.css     # Tailwind styles
│   └── index.js      # Entry point
├── tailwind.config.js
└── README.md

🌍 API Reference

This app uses the OpenWeatherMap Current Weather API:

https://api.openweathermap.org/data/2.5/weather?q={city}&appid={API_KEY}&units=metric

🤝 Contributing

Contributions are welcome! Feel free to:

• Fork the repo
• Create a new branch
• Submit a pull request

📝 License

This project is open source and available under the MIT License.

👨‍💻 Author

Rehana Hassan

• GitHub: @rihhanna

---

⭐ If you like this project, give it a star on GitHub!