Tic Tac Toe ✖️⭕

Recording.2024-09-14.233326.mp4

Backend

Tech Stack

• Language:
  • Kotlin
• Build Tools:
  • Gradle
• Database:
  • PostgreSQL
  • Postgres R2DBC Driver
• Framework:
  • Spring 6.x/Spring Boot 3.x
  • Spring Data R2DBC

Initialize database

• Create database with name tic-tac-toe then make sure it works on port 5432

• Set the PostgreSQL user name in spring.r2dbc.username and the password in spring.r2dbc.password in application.properties in the resource folder

Run project

./gradlew bootRun

Build

Docker

docker build -t tic-tac-toe . & docker-compose up

Gradle

./gradlew build

Frontend

Tech Stack

• Language:
  • TypeScript
• Build Tools:
  • Vite
• Framework:
  • React

Install dependencies

yarn install

Run project

Make sure to change the URL in frontend\src\game\gameViewModel.ts

const WS = "ws://{your_device_ip}:8080/ws";

Then Run:

yarn dev --host

Build

yarn build