Weather webApp that uses WeatherAPI.
Use the Input in the homepage to search for a city. The suggestion dropdown menu should find the city for you before you finish typing! After the search you should find the current information on the weather of your city. You can find data about UV ray, Humidity, chance of raining, etc. Also data about the next hours and the forecast on the next 3 days!
This website is completely responsive and optimized for Pixel 7 (the device used for the debug). However, it works perfectly on any device and its design can adapt do any layout and dimension. WeatherWizard was a good practice opportunity for promises/fetching/async-await use. Moreover it was a nice practice also for using third-part API's.
The stack used is:
- Vite
- TailwindCSS
- JavaSCript
- HTML
A live preview of the website below!