Weather Project 🌦️

A real-time weather forecast application built with React, Material-UI, and OpenWeatherMap API, providing accurate weather information for cities around the world in a clean, responsive design.

---

🌟 Features

• 🌍 Search any city to get real-time weather updates.
• 🌡️ Displays temperature, humidity, and conditions.
• 🌥️ Detailed weather descriptions and feels-like temperature.
• 📱 Responsive design suitable for all screen sizes.
• 🎨 Modern UI powered by Material-UI.

---

🚀 Tech Stack

• Frontend: React, Material-UI, CSS Modules
• API: OpenWeatherMap API
• Version Control: Git & GitHub

---

🛠️ Installation

1. Clone the Repository

Run the following command to clone the repository and navigate into the project folder:

git clone https://github.com/KaranMehta1806/WeatherProject.git
cd WeatherProject

2. Install Dependencies

Run the following command to install all the required dependencies for the project:

npm install

3. Set Up Environment Variables

Create a .env file in the root directory of the project and add your OpenWeatherMap API key. The .env file should look like this:

VITE_WEATHER_API_KEY=your_api_key_here

4. Start the Development Server

Once the dependencies are installed and the .env file is set up, you can start the development server with the following command:

npm run dev

---

📱 Usage

1. Open the app in your browser at:
   http://localhost:5173

2. Enter a city name in the search bar.

3. Click Search to view the current weather conditions for the specified city

---

Screenshots

---

📞 Contact

Feel free to connect with me through the following platforms: