Skip to content

Try it out: https://weather-visualizer.netlify.app/. This app was created using Vue.js! It gets your current location and displays the weather for it. The background and icons change according to the weather at your location!

Notifications You must be signed in to change notification settings

klmui/Weather-Visualizer

Repository files navigation

Weather Visualizer

This app was created using Vue.js! It gets your current location and displays the weather for it. The background and icons change according to the weather at your location! Run the app at: https://weather-visualizer.netlify.app/

Project setup

yarn install

Compiles and hot-reloads for development

yarn serve

Compiles and minifies for production

yarn build

Lints and fixes files

yarn lint

Customize configuration

See Configuration Reference.

My Vue Notes

  • Create Vue app: "vue create 'app-name'
  • Start: 'yarn serve'
  • v-model is for two-way binding
  • v-on
  • v-if
  • v-else-if
  • v-else
  • v-model is for two-way binding
  • {{ "Can call any functions or use data from below here" }}
  • mounted is on load
  • :class="Javascript logic here"

Deploying

  • checkout to gh-pages
  • git merge master
  • yarn build
  • git add dist && git commit -m "Initial dist subtree commit"
  • git subtree push --prefix dist origin gh-pages

About

Try it out: https://weather-visualizer.netlify.app/. This app was created using Vue.js! It gets your current location and displays the weather for it. The background and icons change according to the weather at your location!

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published