The Weather project displays information using the API. Among the important points of the seven-day information are three different cities. This project modeled on a shot in dribbble written using NUXT.js. Preview

Lessons Learned

-Redesign of the design in Figma, and design dark mode

-using weather Api in project

-Design programming and use different libraries

Vue freamwork: Nuxt.js

CSS framework: tailwindcss

icons: remixicons

API: foreca

Project 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