karltud123 / project-tictactoe

TicTacToe Project

Rocket Academy React Project Challenge

You and your team are tasked with building out the following project in this coming section. In this repository, you will find the starter code necesary to get started with the project.

Below are some overview to help guide you with what is expected

React Tic Tac Toe

You and your team are tasked to build our your interpritation of a basic, working Tic Tac Toe Game. To allow 2 players (on the same machine) to play against one another!

Suggested Features

We suggest the following features to be incorporated into your app:

1. The ability for players to input their names for the game to render out to make the experience more personal
2. for the game to know automatically who's turn it is
3. input validation to make sure that an occupied square cannot be taken over
4. Winning or tie condition checked after each move
5. The ability to stop the game and offer a game reset once end of game is detected

Suggested Components

1. Main Page to hold all your components in place
2. Game area to store winning logic and smaller game pieces
3. Game square to represent each "box" of your tic tac toe game

What is provided for you

If you have a preferred way to structure your code and start your project you may do so as well

In here you will find the following provided for you already:

1. A suggested file structure for you to start your project
2. Reference solutions for you to look at commited into different branches

More comfortable

Only proceed with this if you have completed the above and are looking for further challenges!

Make a scoreboard to track how many times each player wins during these sets of rounds!

Deployed Reference Solutions

Base Reference: https://rocket-tictactoe-base.netlify.app/