thisisclickstudio / weather-react-app

https://weather-react-app-five-sepia.vercel.app
0 stars 0 forks source link

Develop a weather forecasting application #1

Open joetakara opened 1 year ago

joetakara commented 1 year ago

Description

We need to develop a weather forecasting application that is able to provide weather updates. The application should have an intuitive user interface and a reliable weather data fetcher.

Solution

Leverage Next.js for building the primary structure of the app. Next.js is a great solution for this kind of project due to its features like pre-rendering and server-side rendering.

We'll use the SWR (Stale While Revalidate) library for fetching, caching, and revalidating the weather data. This will ensure that the app always displays up-to-date weather forecasts.

For building an intuitive user interface, we will be using Tailwind CSS, a utility-first CSS framework. It will help us in creating a customizable, responsive design and improve the overall user experience.

Alternatives

An alternative could be using traditional RESTful APIs for fetching data instead of SWR, but considering SWR's advantages like automatic revalidation and fast caching, SWR would be a preferable choice.

Impact / Severity

The impact of this feature is expected to be High, as it's the core functionality of the app.

Additional Context

The weather data API used should provide reliable and accurate forecasts. Also, consider error handling scenarios, like what should be displayed when the forecast data is not available.

Relevant Documentation or Resources

  1. Next.js Documentation: https://nextjs.org/docs
  2. Tailwind CSS Documentation: https://tailwindcss.com/docs
  3. SWR Documentation: https://swr.vercel.app/docs/getting-started

Design

13c477145020147 6296d617a8a62

joetakara commented 1 year ago

@wongsatornxs Create a branch for this issue.

Screen Shot 2566-06-29 at 14 11 23

joetakara commented 1 year ago

@wongsatornxs weather api https://www.weatherapi.com/ https://open-meteo.com/ https://openweathermap.org/api

and https://nordicapis.com/6-best-free-and-paid-weather-apis/