Skip to content

ergi98/tik-tack

Repository files navigation

Project Title

Tic-Tac-Toe. Tap here to play.

About the Project

A very minimalistic UI for a tic-tac-toe game.

Objective and Inspiration:

My main focus for this project was to practice my animation skills. I tried to create a very minimalistic UI equipped with subtle animations for every user interaction.

Key Features:

  • Different game modes: You have the ability to play vs a friend or vs the computer.
  • Responsive Design: Can be played on any screen size, desktop or mobile, and is also available as a PWA.
  • Scoreboard: Keeps track of how many times each side has won.
  • User-Friendly Interface: Very easy to navigate and intuitive UI.

Screenshots

  • Person VS. Person

    Person VS. Person

  • Person VS. Computer

    Person VS. Computer

Technologies Used

  • Next.js
  • Next PWA
  • Typescript
  • Framer Motion

Setup / Installation

Clone the repository locally.

git clone https://github.com/ergi98/tik-tack.git

Make sure tha you have the following versions installed.

node -v
v18.12.1
npm -v
8.19.2

On the main folder install the project dependencies.

npm i

After the installation run and navigate to http://localhost:3000.

npm run dev