Skip to content

Skill4fun/Tic-tac-toe

Repository files navigation

Tic-Tac-Toe Game Application

About the project

It's a simple Tic-Tac-Toe game app where two players can play against each other.

Used technology

The App is built with React framework

Compared to JavaScript React provides better maintenance services to keep the application fast and dynamic, it is easier to update the app or even expand with new features using reusable components and virtualDOM, which makes - in my opinion - React superior to plain JavaScript for today's modern applications.

Technologies used:

The App is PWA, you can install it on your mobile home screen and use it offline.

Displayed content

Pages available to Guest visitors

  • Login page - you can login using the username gergo and password 123

Pages available to Logged in users

  • GameBoard - display the tic-tac-toe gameboard where you can set the names of two players, the size of the board and also start new game

Gameplay and Rules

  • The game starts by generating a 10x10 square grid, initially empty.
  • The names of the players and the size of the grid can be changed using the appropriate fields. By default they are "Játékos 1", "Játékos 2" and the size is 10.
  • A label is displayed to indicate which player can move next, players cannot place a symbol on squares that are already occupied, only on empty squares.
  • When one player has reached 5 adjacent (horizontal, vertical, diagonal) symbols the game ends and a winner is declared.
  • Press the "Új Játék" button to start a new game.

Run the App

In the "tic-tac-toe" project directory, you can run:

npm start

It runs the app in the development mode.
Open http://localhost:3000 to view it in your browser.

Login using the username gergo and password 123
Play the game! :)

Deployment

The Application is also deployed/hosted to Firebase, you can try it out at the following public link:
https://hmei-tictactoe-app.web.app/

Login details:
Username (Felhasználónév): gergo
Password (Jelszó): 123

Contact

Gergely Almasi

LinkedIn twitter

Project Link: https://github.com/Skill4fun/Tic-tac-toe