Skip to content

hertantoirawan/tik

Repository files navigation

Tik

Tik is a connect-the-dot game.

Features

  • Minimum connected dots is 2
  • Dots can be connected to dots above, below, left, right (not diagonal) and to dots of the same color
  • Dots can be connected by holding a mouse click, and moving the pointer over other dots
  • Connected dots will dissapear, dots above them will fall, empty spaces will be filled with new dots
  • Dots colors are randomly chosen out of 5 options
  • Each connected pair of dots will score 1, eg: 2 dots -> 1 point, 3 dots -> 2 points, and so on
  • Restart will give player a new set of dots, and resets the score
  • Game state is saved after every move
  • After login, player can choose to play a new game or continue last game

How to setup and run

  • npm i to install dependencies
  • Install and start postgresql database locally
  • npx sequelize db:create to create database
  • npx sequelize db:migrate to create tables
  • npm run watch to run webpack
  • nodemon index.mjs to use nodemon
  • Go to localhost:3004/ to start using the app

Tech Used / Data Source

  • UI design and background are based on a popular connect-the-dot game, Dots
  • UI, excluding the dots grid, is done using Bootstrap
  • Database is using PostgreSQL
  • Sequelize is used for ORM
  • Animation done using anime.js
  • Module bundler done using Webpack

Documentation

More documentation about the development of the app in Wiki.