A Weather forecast dashboard Using Vue.js
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