This project is a weather application that allows users to search for weather details of any city and view the current weather as well as hourly forecasts. The application leverages the WeatherAPI to fetch weather data and displays it in a user-friendly interface.
- City Weather Search: Users can enter a city name to get the current weather and hourly forecast for that location.
- Location Button: A button to quickly access weather details for the user's current location.
- Current Weather: Displays the current weather conditions including temperature, humidity, and more.
- Hourly Forecast: Provides an hourly weather forecast with key details.
- React: A JavaScript library for building user interfaces.
- WeatherAPI: A weather data provider API.
- CSS: Styling for the application's interface.
- Material Symbols: Icons used in the application.
Ensure you have the following installed on your local machine:
- Node.js
- npm (Node Package Manager)
-
Clone the repository:
git clone https://github.com/pun7dam/weather-app.git cd weather-app -
Install dependencies:
npm install
-
Create a
.envfile in the root directory and add your WeatherAPI key:VITE_API_KEY=your_weather_api_key
Start the development server:
npm run devOpen your browser and visit http://localhost:3000 to view the application.