Weather Explorer App

Features

• Search for weather data of any location by entering the city or place name.
• View real-time weather information, including temperature in Fahrenheit and Celsius, humidity, and wind speed.
• Beautiful background image that changes based on the weather conditions.
• Responsive design that adapts to different screen sizes.

How to Use

1. Clone or download this repository to your local machine.
2. Open the project in your preferred code editor.
3. In the terminal, navigate to the project directory.
4. Install the project dependencies by running:
   npm install
5. Get an API key from OpenWeatherMap by signing up on their website (https://openweathermap.org/) and obtaining the API key.
6. Create a new file named .env in the root directory of the project and add the following line:
   REACT_APP_API_KEY=your_api_key_here
7. Replace your_api_key_here with the API key obtained from OpenWeatherMap.
8. Save the .env file.
9. Start the development server by running:
   npm start
10. The app will be running at http://localhost:3000 in your web browser.
11. Enter the name of a city or place in the search bar and press the "Enter" key.
12. Weather information for the entered location will be displayed, including temperature, humidity, and wind speed.

Technologies Used

• React: Frontend JavaScript library for building user interfaces.
• Axios: HTTP client used to make API requests to OpenWeatherMap.
• OpenWeatherMap API: Used to fetch real-time weather data based on the user's search.

Acknowledgments

The background image is sourced from Unsplash (https://unsplash.com/) and is used for illustrative purposes only.

Contributing

Contributions to this project are welcome. If you find any bugs or want to add new features, feel free to open an issue or submit a pull request.

License

This project is licensed under the MIT License - see the LICENSE file for details.