This Weather App is a simple web application that provides users with current weather information for a specified location. It is built using React.js and integrates with the WeatherAPI to fetch real-time weather data.
- Current Weather: View the current weather conditions including temperature, humidity, wind speed, and weather description.
- Location-based: Enter the name of a city or location to get weather information for that area.
- Responsive Design: The app is responsive and works well on both desktop and mobile devices.
- Enter the name of a city or location in the search bar.
- Press the Enter key or click the search button to fetch weather data for the specified location.
- View the current weather conditions displayed on the screen.
- React.js
- Axios (for HTTP requests)
- CSS (for styling)
-
Clone the repository: (
git clone https://github.com/your-username/weather-app.git
) -
Navigate to the project directory: (
cd weather-app
) -
Install dependencies:(
npm install
) -
Start the development server: (
npm start
) -
Open your browser and visit http://localhost:3000 to view the app.
To use the WeatherAPI, you need to sign up for an API key: https://www.weatherapi.com. Once you have obtained your API key, replace YOUR_API_KEY in the Api.jsx file with your actual API key.