WeatherWise is a weather app that will initially show a charging status, while verifying whether or not previously saved information exists in the Local Storage. If not, it accesses the user's location to show the weather details of their city. The user will be able to change the metric temperature units through a Switch (initially, it will be displayed in ºC), as well as the language of the application (Spanish, by default) using two buttons ("ES", "IN"). A warning message will be displayed in case the information entered by the user does not match a city, or does not meet the minimum number of inhabitants (city: from 50,000 inhabitants). The city data entered by the user will be stored in the localStorage for data persistence.
Initially you will see an input in which you must enter a city, this input has a debounce that waits 1 sec before making the query to the API.
In the "Rain Variation" bar section, and the "Rain Probability" card, the Math.random() function was implemented, since it was not data sent by the API; as well as the image temperature graph.
- It's mobile first.
- Current date
- Loading status (Loading Skeleton and input loader).
- Queries to an API.
- Change of metric units.
- Translations.
lv_0_20240201165111.mp4
On your right, in the About section, you will find the link to the application.
Thank you for watching🌸
Syahrul Falah, Tegal Indonesia
Génesis Patiño
