/vue-weather-app

The app is a weather application, which shows the temperature of different cities and countries around the world. Depending on the temperature, the background image changes from cold to hot. This gives a visual aid to the user. For this project, I used the OpenWeatherMap API, to find the live weather forcast.

Primary LanguageVue

Vue Weather App ☁

Thumbnail

About 🌡

The app is a weather application, which shows the temperature of different cities and countries around the world. Depending on the temperature, the background image changes from cold to hot. This gives a visual aid to the user.

For this project, I used the OpenWeatherMap API, to find the live weather forcast.

The frontend of the website was made completely in Vue.Js and Heroku was used to deploy and host the web application.

This application was made using Vue.Js. This was the first time that I was using Vue.

Demo Weather App


Screenshots

Thumbnail Thumbnail

Project setup 👨‍💻

git clone https://github.com/Roshan-Thomas/vue-weather-app.git
cd vue-weather-app
yarn install

Compiles and hot-reloads for development

yarn run serve

Compiles and minifies for production

yarn build