Wednesday, 27 July, 2022 UTC


Summary

Weather forecast dashboard
The application includes two routes:
  • dashboard page with 1-4 charts displaying weather forecast variables (temperature, humidity, etc) in different cities
  • page showing current temperature value in selected city
The data is fetched from free api https://open-meteo.com/ that provides hourly 7-day forecast.
A chart can be configured or added via “Chart Settings” view.
Application screenshots
Build Setup
# install dependencies
$ npm install

# serve with hot reload at localhost:3000
$ npm run dev

# build for production and launch server
$ npm run build
$ npm run start

# generate static project
$ npm run generate
GitHub
View Github