🌦️ Weather App

A simple and responsive React-based Weather App that allows users to fetch real-time weather details for any city using the OpenWeatherMap API. Built using React, Material UI, and modern JavaScript practices.

🚀 Features

• 🔍 Search weather by city name
• 🌡️ Get temperature, humidity, min/max temperature, and "feels like" info
• 📄 Error handling for invalid or unknown cities
• 🎨 Clean and responsive UI using Material UI
• 📦 Built with React functional components and hooks (useState)

🛠️ Tech Stack

• Frontend: React, HTML, CSS, Material UI
• API: OpenWeatherMap API

📸 Screenshots

**FrontPage- **After Search- **if an invalid search - **After search -

🔧 Setup Instructions

1. Clone the repo

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

2. Install dependencies

    npm install
   

3. Add your OpenWeatherMap API key Replace "Enter-Your-API-Key" in SearchBox.jsx with your actual API key.

4. Run the app

   npm run dev

📂 Folder Structure

    /src
      ├── App.jsx
      ├── SearchBox.jsx
      ├── SearchBox.css
      └── main.jsx

🙋‍♀️ Author

• Made with ❤️ by Charul192
• Feel free to connect or contribute!