You can see demo: https://concentration-game.andreisoroka.com/
https://github.com/AndreiSoroka/get-start-template-vue/
Create a memory card game using Vue 2. The cards should be shuffled and placed face down. The player should be able to flip two cards at a time. If the cards match, they should be removed from the game. If they don't match, they should be flipped back. The game should end when all cards are removed. The timer should stop when the game ends. The game should be responsive and work on mobile devices. https://en.wikipedia.org/wiki/Concentration_(card_game)
Technologies to be used: Vue.js
- 2018 year
- Custom structure (not vue-cli)
- No tests
- Easy project
- My design
Updates 2023: heroku is deprecated, OpenAI translated the game into English
npm i
npm run build
Static build in ./public/
Build and show errors (--display-error-details)
npm i
npm run build:dev
Build and watch
npm i
npm run build:watch
It is build for dev + watch + server + hot reload
npm run server
Link: localhost:8060
You can change host and port in config/development.json
npm run test
See: mochajs.org and chaijs.com
Includes all files by pattern ./application/**/*.test.js
Project tree
- application
- config
- node_modules
- public
(!) In this project connected bootstrap
and normalize
.
If you want to remove that then need to remove modules
in package.json and remove connected app.scss
Settings ESLint in .eslintrc. You can disable ESLint in webpack.config.js.
Rename ./config/ftp.example.json to ./config/ftp.json
After then
npm run deploy