Tic Tac Toe

Full Stack
Tic Tac Toe

Tech Stack

Next.js
Websockets
Redis
HTML 5
CSS 3

Description

As part of a university group project, we faced the challenge of creating a distributed system where different clients communicate with each other. Together with 2 classmates, I developed a Next.JS Tic Tac Toe application where two players can compete against each other with their own devices.

Essentially, a central Next.JS application was created that acts as a server, stores game states in Redis, and enables communication between clients via Ably Websockets. The main focus in this project was clearly on efficient communication between different devices and less on detailed UI elaboration.

My main responsibilities included:

  • Creation of the base structure and project setup including connection to Redis and Ably Websockets
  • Implementation of game logic and game state management
  • Implementation of the join process including provision of QR codes, etc.