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 that provides hourly 7-day forecast.

A chart can be configured or added via “Chart Settings” view.

Application screenshots


Current temperature

Chart settings

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


View Github