Home

Project - Tic Tac Toe Game

Classic game that you can play alone or with friends

This is the game screen for Tic-Tac-Toe. A box at the top indicates whose turn it is. The nine game squares are in the middle. Some squares are filled with an X or an O. The statistics are displayed at the bottom: X wins, O wins, and ties.

How it works

For this one, I recreated the well-known game tic-tac-toe as a web application. Players can choose to play against an intelligent computer opponent or each other.


Players can choose to play as X or O, but remember that X goes first. Opponents then take turns until someone has a combo of three fields in a row or along the diagonal axis, or until all fields are filled.


The app provides statistics for each session and saves the current game state in local storage. This allows you to easily return to a previous session. The computer opponent calculates the best available moves. Do you think you have what it takes to beat it?


Technologies used

Mobile-first

React

TailwindCSS

Accessibility

Responsive Design

What I've learned

During this project, I sharpened my problem-solving skills by programming an intelligent CPU opponent that makes it difficult to win. I also practiced my React and Tailwind skills. In addition, I used React Router to navigate between the start and game screens.


Continued Development

In the future, I would like to improve the accessibility of my project, as this is the area in which it is lacking the most.


Ask my AI assistant any question about me.