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: 8 months 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 9 years ago)
• Default Branch: master
• Last Pushed: 2017-01-25T16:55:57.000Z (almost 9 years ago)
• Last Synced: 2025-02-14T09:51:11.474Z (10 months ago)
• Language: Vue
• Size: 325 KB
• Stars: 198
• Watchers: 6
• Forks: 30
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-vue - Vue Weather Notifier
• awesome-vue - Vue Weather Notifier
• awesome-vue-zh - Vue天气通知器
• awesome-vue - Vue Weather Notifier - A small SVG animation illustrating a weather app notification in Vue ` 📝 4 years ago ` (Examples [🔝](#readme))
• fucking-awesome-vue - Vue Weather Notifier
• awesome-vue - Vue Weather Notifier ★154
• awesome-vue - Vue Weather Notifier

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

```