Collection of 10 Simple Games Made With Vue.js
Discover a collection of games made with Vue.js. There are a lot of really cute Vue.js game experiments around! Many of them helped their developers learn to understand Vue.js better.
1. sesinfo2019-vue-tictactoe
Simple example of Tic Tac Toe built with Vue, used as lecture support material in SESINFO 2019.
The structure of this project was generated with Vue CLI. If you’ve never gotten into building front-end projects using this kind of tool, here’s the tip: install Node before you start.
Demo: https://erickpetru.github.io/sesinfo2019-vue-tictactoe/
Download: https://github.com/ErickPetru/sesinfo2019-vue-tictactoe/archive/master.zip
2. memory-vue
A card-matching game, built as a progressive web app
Demo: https://memory.jamesmuspratt.com/
Download: https://github.com/jmuspratt/memory-vue/archive/master.zip
3. vue-snake-game
Snake game on Vue.js without Canvas
Demo: https://seokky.github.io/vue-snake-game/
Download: https://github.com/Seokky/vue-snake-game/archive/master.zip
4. VueSolitaire
Solitaire implemented by scratch on vue.js. It contains 3 types of solitaire namely spider(which was made famous by microsoft back when I was a kid) ,spider 4 suit and klondike. I’ve learned web development myself without any course or coaching so don’t expect too much from the source code xD.
Demo: https://lucid-brahmagupta-64eae7.netlify.com/
Download: https://github.com/silent-lad/VueSolitaire/archive/master.zip
5. Vue Minesweeper
Vue based classic Minesweeper.
Demo: https://elevista.github.io/vue-minesweeper/
Download: https://github.com/Elevista/vue-minesweeper/archive/master.zip
6. Vue Tetris
Tetris game with vue.js.
Demo: https://elevista.github.io/vue-tetris/
Download: https://github.com/Elevista/vue-tetris/archive/master.zip
7. VueGo
A Vue.js Go Game
Demo: http://petejohanson.github.io/vuego/
Download: https://github.com/petejohanson/vuego/archive/master.zip
8. vue-chessboard
Chessboard vue component to load positions, create positions and see threats.
- It uses chess.js for chess movements and validations
- It uses chessground for chessboard UI chessground
Demo: http://vitomd.com/vue-chessboard-examples/
Download: https://github.com/vitogit/vue-chessboard/archive/master.zip
9. Shuffle Deck of Cards
In the app, users will be able to shuffle a deck of cards in three different speeds. When the deck has been shuffled - users are given the option to reset the deck back to the initial state or continue shuffling.
Demo: https://codepen.io/itslit/embed/preview/gvKrMY
Download: https://github.com/kravchenkoegor/vue-shuffle-card-deck/archive/master.zip
10. Security Squabble
A Family-Feud style game about personal internet security advice, in Vue.js.
Family Feud is a game show where contestants attempt to name the most popular answers to humorous questions. Security Squabble is a single-question version of the game which asks players just one question:
According to security experts, what are the most important ways to protect yourself online?
The game is based on a Google Security blog post which lists the “Top 5” security practices from both experts and non-experts.
Demo: https://stma.is/squabble/
Download: https://gitlab.com/nstickney/securitysquabble
#vuejs #vue-js #programming
