My Weather App - II

Demo

Details

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.

Build With

• React JS
• TailwindCSS
• React Hooks - useState, useEffect and Context API
• Openweather.org's API

Furthur Improvements

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...