https://github.com/sdras/vue-weather-notifier

A small SVG animation illustrating a weather app notification in Vue
https://github.com/sdras/vue-weather-notifier

Last synced: 24 days ago
JSON representation

A small SVG animation illustrating a weather app notification in Vue

• Host: GitHub
• URL: https://github.com/sdras/vue-weather-notifier
• Owner: sdras
• Created: 2017-01-13T21:35:20.000Z (almost 8 years ago)
• Default Branch: master
• Last Pushed: 2017-01-25T16:55:57.000Z (almost 8 years ago)
• Last Synced: 2024-08-08T23:30:13.300Z (3 months ago)
• Language: Vue
• Size: 325 KB
• Stars: 196
• Watchers: 6
• Forks: 31
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Vue Weather Notifier

Live demo: [http://codepen.io/sdras/full/YNpaoJ](http://codepen.io/sdras/full/YNpaoJ)

![Vue Weather Notifier](https://s3-us-west-2.amazonaws.com/s.cdpn.io/28963/weather-og.jpg "Play with me")

This small Vue app shows a simple update of state with vuex for SVG animations. Animations work both in the `` component, and also within `mounted()`, for more complex movement. I'm using GreenSock Animation API, and splitting the defs into their own template file.

## Build Setup

``` bash

# install dependencies

npm install

# serve with hot reload at localhost:8080

npm run dev

# build for production with minification

npm run build

```