Weather Report

There are mainly two pages in the application:

1. Home Page - Displays list of cities
2. Details Page - Displays details of a particular city

Features

• Automatically detects your location and show your city weather details.
• See weather conditions of top cities by population
• Remove unwanted cities
• Restore cities that were removed previously
• Favorite cities
• Save notes for each city
• Fully responsive
• Works online as well as offline

Live app link

You can check the live app here: https://tender-galileo-c4cb5c.netlify.app/

Video explaining the features of this project

https://drive.google.com/file/d/1Q2Qa4ZTCF4JLfjFs196ZshfbVWqoL__T/view?usp=sharing

Some screenshots of the app

Home Page

Details Page

404 Page

Documentation is split into multiple files for the ease of use and update.

To check how each page works, please check the documentation of each page here:

Home Page

City-Weather Details Page

Please check the documentation of each component here:

Layout

Loader

Table

Dialog Opener

Confirmation Dialog

Input

Favorite

Please check the documentation of common hooks/functions used:

useCity Hook

useWeather Hook

useGeoLocation Hook

Notifier

Local storage actions

Utility Functions