WeatherApp is a simple React-based weather application that fetches real-time weather data from the OpenWeatherMap API. The app allows users to search for any city and displays the current temperature, humidity, and wind speed, along with an appropriate weather icon based on the current conditions.
- Search for weather by city.
- Displays real-time temperature, humidity, and wind speed.
- Shows weather icons based on the conditions (e.g., sunny, cloudy, rainy).
- Responsive UI with a simple, clean design.
- React: Frontend library.
- OpenWeatherMap API: To fetch weather data.
- Tailwind CSS: For styling (if Tailwind is used).
- JavaScript (ES6): Main logic.
Before you begin, ensure you have the following installed:
- Node.js (v14.x or above)
- npm (v6.x or above)
- OpenWeatherMap API Key (Sign up and get an API key)
- Clone the repository:
git clone https://github.com/your-username/weatherapp.git cd weatherapp - Install dependencies:
npm install
Create an .env file and add your OpenWeatherMap API key:-
Create .env file: REACT_APP_WEATHER_API_KEY=your_api_key_here
-
Run the app:
npm start
Build for production (optional):
- How to Use:
Enter the name of the city in the search box and press the search icon. The app will fetch and display the current weather information for that city.
-
Acknowledgments: Icons are provided by OpenWeatherMap. Weather data is fetched from the OpenWeatherMap API.
-
License:
This project is licensed under the MIT License.
Sandesh WeatherApp by Sandesh © 2023