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: 19 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 (over 7 years ago)
• Default Branch: master
• Last Pushed: 2017-01-25T16:55:57.000Z (over 7 years ago)
• Last Synced: 2024-05-02T04:36:50.024Z (21 days ago)
• Language: Vue
• Size: 325 KB
• Stars: 195
• Watchers: 6
• Forks: 31
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Lists

• awesome-vue - Vue Weather Notifier
• awesome-vue - Vue Weather Notifier
• awesome-vue - Vue Weather Notifier
• awesome-vue - Vue Weather Notifier
• awesome-vue - Vue Weather Notifier
• awesome-vue - Vue Weather Notifier
• awesome-vue - Vue Weather Notifier
• awesome-vue - Vue Weather Notifier
• awesome-vue - Vue Weather Notifier
• awesome-vue - Vue Weather Notifier ★154
• awesome-vue - Vue Weather Notifier
• awesome-vue - Vue Weather Notifier
• awesome-vue. - Vue Weather Notifier
• awesome-vue - Vue Weather Notifier
• awesome-vue - Vue Weather Notifier
• awesome-vue - Vue Weather Notifier
• awesome-vue - Vue Weather Notifier
• awesome-vuejs - Vue Weather Notifier
• my-awesome-stars - sdras/vue-weather-notifier - A small SVG animation illustrating a weather app notification in Vue (Vue)

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

```