The project fetches the current weather data from OpenWeather.org.
And displays all the details in Metric
units by default.
We can also fetch data in Imperial
units.
The unix time and timezone from the API is used to calculate the local time and date which is displayed along with the location details.
- React JS
- TailwindCSS
- React Hooks - useState, useEffect and Context API
- Openweather.org's API
Instead of useEffect, this can be solved using,
- Pure Hooks - useState, useEffect and useRef. Refer another repository of mine here & Demo
- React Query
Also, for CSS, we can refactor using
- Styled Components
- Chakra UI
The options here are endless...