Meuss / swiss-memory-game-vuejs

A Memory game built with Vue.js

Home Page:https://swiss-memory-game.netlify.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

swiss-memory-game-vuejs

A Vue.js project - Putting Sarah Drasner's course on Frontend Masters into action

A Memory game with the 26 swiss canton flags

TODO - Everything

  • methods for game functionality
  • test out different Vue animations, use transition wrappers?
  • change flags to svg for different fills
  • create a nice clock
  • create some kind of nice leaderboard
  • ...

Goals for this project

  • learn basic Vue.js syntax
  • get used to vue methods & computed values
  • have some fun
  • understand how vue transitions work
  • get some more webpack knowledge
  • use axios for the leaderboard data
  • learn vue composition api (2021)

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

For detailed explanation on how things work, consult the docs for vue-loader.

About

A Memory game built with Vue.js

https://swiss-memory-game.netlify.app/


Languages

Language:Vue 93.2%Language:JavaScript 3.4%Language:HTML 3.3%