OctopussyO / 15-game-test

Пятнашки на Vue.js

Home Page:https://15-game-test.netlify.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Пятнашки

Иллюстрация к проекту

Цель игры — перемещая костяшки по коробке, добиться упорядочивания их по номерам, желательно сделав как можно меньше перемещений.

Ознакомиться с приложением можно по ссылке

Функциональность

Реализовано:

  • перемешивание костяшек при старте новой игры и проверка на решаемость комбинации
  • анимированное перемещение костяшек средствами Vue.js
  • таймер при запуске новой игры
  • уведомления при решении и по истечении времени
  • "дизайн" в стиле Glassmorphism

Используемый стек

JavaScript Vue.js Nuxt.js SCSS CSS HTML Netlify

Build Setup

# install dependencies
$ npm install

# serve with hot reload at localhost:3000
$ npm run dev

# build for production and launch server
$ npm run build
$ npm run start

# generate static project
$ npm run generate

For detailed explanation on how things work, check out Nuxt.js docs.

Планы по доработке:

  • добавить кнопки паузы/возобновления игры
  • пересмотреть количество необходимых стейтов для уведомлений

About

Пятнашки на Vue.js

https://15-game-test.netlify.app/


Languages

Language:Vue 88.7%Language:JavaScript 7.5%Language:SCSS 3.8%