GitHub - sdras/vue-weather-notifier: A small SVG animation illustrating a weather app notification in Vue (original) (raw)

Skip to content

Appearance settings

- AI CODE CREATION
  * GitHub CopilotWrite better code with AI
  * GitHub SparkBuild and deploy intelligent apps
  * GitHub ModelsManage and compare prompts
  * MCP RegistryNewIntegrate external tools
- DEVELOPER WORKFLOWS
  * ActionsAutomate any workflow
  * CodespacesInstant dev environments
  * IssuesPlan and track work
  * Code ReviewManage code changes
- APPLICATION SECURITY
  * GitHub Advanced SecurityFind and fix vulnerabilities
  * Code securitySecure your code as you build
  * Secret protectionStop leaks before they start
- EXPLORE
  * Why GitHub
  * Documentation
  * Blog
  * Changelog
  * Marketplace

View all features

- BY COMPANY SIZE
  * Enterprises
  * Small and medium teams
  * Startups
  * Nonprofits
- BY USE CASE
  * App Modernization
  * DevSecOps
  * DevOps
  * CI/CD
  * View all use cases
- BY INDUSTRY
  * Healthcare
  * Financial services
  * Manufacturing
  * Government
  * View all industries

View all solutions

- EXPLORE BY TOPIC
  * AI
  * Software Development
  * DevOps
  * Security
  * View all topics
- EXPLORE BY TYPE
  * Customer stories
  * Events & webinars
  * Ebooks & reports
  * Business insights
  * GitHub Skills
- SUPPORT & SERVICES
  * Documentation
  * Customer support
  * Community forum
  * Trust center
  * Partners
- COMMUNITY
  * GitHub SponsorsFund open source developers
- PROGRAMS
  * Security Lab
  * Maintainer Community
  * Accelerator
  * Archive Program
- REPOSITORIES
  * Topics
  * Trending
  * Collections
- ENTERPRISE SOLUTIONS
  * Enterprise platformAI-powered developer platform
- AVAILABLE ADD-ONS
  * GitHub Advanced SecurityEnterprise-grade security features
  * Copilot for BusinessEnterprise-grade AI features
  * Premium SupportEnterprise-grade 24/7 support
Pricing

Provide feedback

We read every piece of feedback, and take your input very seriously.

Include my email address so I can be contacted

Saved searches

Use saved searches to filter your results more quickly

Appearance settings

sdras / vue-weather-notifier Public

Notifications You must be signed in to change notification settings
Fork30
Star 199

A small SVG animation illustrating a weather app notification in Vue

199 stars 30 forks Branches Tags Activity

Notifications You must be signed in to change notification settings

Additional navigation options

Folders and files

Name	Name	Last commit message	Last commit date
Latest commitHistory10 Commits
build	build
config	config
src	src
static	static
.babelrc	.babelrc
.editorconfig	.editorconfig
.gitignore	.gitignore
README.md	README.md
index.html	index.html
package.json	package.json

README

Vue Weather Notifier

Live demo: http://codepen.io/sdras/full/YNpaoJ

This small Vue app shows a simple update of state with vuex for SVG animations. Animations work both in the <transition> 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

install dependencies

npm install

serve with hot reload at localhost:8080

npm run dev

build for production with minification

npm run build

About

A small SVG animation illustrating a weather app notification in Vue

Resources

Stars

Watchers

Forks

Report repository

Releases

No releases published

Packages

No packages published

Languages