Weather React App

A sleek, interactive weather application built using React.js. This app fetches real-time weather data to display current conditions, hourly forecasts, and more, making it the perfect tool to stay updated with the weather in your area.

Features

• Real-time Weather Updates: Displays the current weather for any location.
• Search Functionality: Look up weather information for cities around the world.
• Dynamic UI: Clean and responsive design that adapts to all screen sizes.

Tech Stack

• Frontend: React.js
• API: OpenWeather API
• Styling: CSS Modules

Installation

Follow these steps to set up the project locally:

1. Clone the repository:

   git clone https://github.com/Nikhilkumar2311/weather-react.git

2. Navigate to the project directory:

   cd weather-react

3. Install the dependencies:

   npm install

4. Create a .env file in the root directory and add your OpenWeather API key:

   VITE_APP_ID=your_api_key_here

5. Start the development server:

   npm run dev

6. Open your browser and go to http://localhost:5173 to see the app in action.

Usage

1. Enter the name of a city in the search bar to fetch weather details.
2. View the current temperature, humidity, wind speed, and other conditions.

Project Video

react-weather-app.mp4

API Key

This project uses the OpenWeather API. You can obtain an API key by signing up at OpenWeather. Make sure to add it to your .env file as VITE_APP_ID.

Contributing

Contributions are welcome! If you'd like to enhance the project, follow these steps:

1. Fork the repository.
2. Create a new branch:

   git checkout -b feature/your-feature-name

3. Make your changes and commit them:

   git commit -m "Add your message here"

4. Push the changes to your fork:

   git push origin feature/your-feature-name

5. Open a pull request to the main branch.

Acknowledgements

• React.js
• OpenWeather API

Author

Developed by Nikhilkumar2311.

---

Feel free to fork, contribute, and share your feedback!