This is a simple weather application built using React.js that allows users to check the weather for any city. It fetches real-time data from an API (e.g., OpenWeatherMap) and displays the current weather conditions, temperature, and more. Features
Get real-time weather information for any city.
Displays temperature, humidity, wind speed, and weather condition.
Responsive design that works on both desktop and mobile devices.
Allows users to search for weather by city name.
React.js: A JavaScript library for building user interfaces.
Axios: A promise-based HTTP client for making API requests.
OpenWeatherMap API: Provides weather data.
CSS (or a CSS framework like Bootstrap or Material-UI): For styling the app.
React Hooks: For managing component state and side effects.
Installation Prerequisites
Node.js installed on your machine.
A valid API key from OpenWeatherMap (or other weather API provider).
Steps to run the app locally
Clone the repository:
git clone https://github.com/sandeeppaldotnet/Weather-App-Reactjs.git cd weather-app
Install dependencies:
npm install
Create a .env file:
In the root directory of the project, create a .env file.
Add your OpenWeatherMap API key:
REACT_APP_WEATHER_API_KEY=your-api-key
Start the application:
npm start
The app will be available at http://localhost:3000.
Usage
Enter the name of any city in the search bar.
Press "Enter" or click the search button.
The app will fetch the weather data and display it on the screen, including the city name, temperature, humidity, wind speed, and weather conditions.