![Screenshot 2023-11-02 at 12 41 11 AM](https://private-user-images.githubusercontent.com/121503022/280111063-cdda7129-1020-44c1-a8a4-635eba273bb2.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQyNDM4MjksIm5iZiI6MTcyNDI0MzUyOSwicGF0aCI6Ii8xMjE1MDMwMjIvMjgwMTExMDYzLWNkZGE3MTI5LTEwMjAtNDRjMS1hOGE0LTYzNWViYTI3M2JiMi5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwODIxJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDgyMVQxMjMyMDlaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT0xMmEzYjk2ZmQ4M2M0ODhlY2EwNGZiZmExNDM1YmIyZDYyMTIwNjE4NGRkMDI5YmRmNzBkYWY0NmU3MmZjODQwJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.xmbG891rw2QQTNxrbpdYu4S5_-U4acuFngnXFcGbvpE)
- React-Based: I built this app using React, ensuring it's fast and responsive.
- Geolocation: The app detects your location to provide accurate weather information.
- Current Weather: Get the current weather conditions, including temperature and weather description.
- 3-Day Forecast: Plan your activities in advance with a 3-day weather forecast.
- Hourly Forecast: Stay prepared throughout the day with the hourly forecast.
- State Management: Leveraging the Context API, I ensure seamless state management between multiple components.
- WeatherAPI Integration: Real-time weather data is fetched from the WeatherAPI API.
- React: Building the user interface and managing state.
- WeatherAPI: Fetching real-time weather data.
- Context API: Ensuring state management between components.
To run the Weather Forecast App on your local machine, follow these steps:
-
Clone this repository:
git clone https://github.com/shaik-adnan1/CodeClause_WebDev_weather_app.git
-
Navigate to the project directory:
cd CodeClause_WebDev_weather_app
-
Install the required dependencies:
npm install
-
Start the development server:
npm start
-
Open your web browser and visit http://localhost:3000 to access the Weather Forecast App.
For more details, feel free to visit the GitHub repository: Weather Forecast App Repository.