This project is about building a web application to show a weather forecast using weather API from external services Open weather map. Here you will be able to search for a specific location in the world and also it will automatically detect your current location in the beginning (for that you need to allow location) and will display all the important weather details.
It has some cool features like you can search for weather details according to the city names, detect your current location for displaying weather data, show the weather details in both degree celcius and fahrenheit temperatures, sync data to get the latest updated details of the current weather, toaster notification for every action, shows hourly weather forecast of the selected city for the next 5 hours and daily forecast for the next 5 days. It also has a feature to change the background colour of the application based on hot or cold temperature regions.
To use the app, type a name of the city and click on search or else click on the Your location weather button.
- Search weather details according to the city
- Detect your current location for displaying weather data
- Sync data to get the latest updated details of the current weather
- Toast notification for every action
- Shows details in both degree celius and fahrenheit
- Shows hourly weather forecast for the next 5 hours
- Shows daily weather forecast for the next 5 days
- Changes background colour based on hot or cold temperature regions
Pre-Requisite : VS Code
Clone the project
# https://github.com/aakarsh604/React_WeatherApp.git- Visual Studio Code
- Heroku
© 2022 Aakarsh Devadiga
Give a ⭐️ if you like this project!