Scribd
Upload
29 views2 pages

FE Dev Home Assignment

This document outlines requirements for creating a Tic-Tac-Toe game using React Hooks. It specifies creating a starting page for player names, storing game state with useState and history with useContext, and routing between game board and scoreboard. The solution should be in a private GitHub repo with constant commits showing progress.

Uploaded by

hackingjack66
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
29 views2 pages

FE Dev Home Assignment

This document outlines requirements for creating a Tic-Tac-Toe game using React Hooks. It specifies creating a starting page for player names, storing game state with useState and history with useContext, and routing between game board and scoreboard. The solution should be in a private GitHub repo with constant commits showing progress.

Uploaded by

hackingjack66
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 2

Create a ReactJS application using React Hooks

Tic-tac-toe game
Game description (rules):

https://en.wikipedia.org/wiki/Tic-tac-toe

Game sample running:

https://playtictactoe.org

Requirements:

1. Create a ReactJS application that will have an initial page to input players' names and a
button to start the game

2. Create the game board UI with some simple, CSS/sass layout (X - red, O - blue)

3. Store current positions in the local state, making use of useState()

4. Store history of all games using global state useContext()

5. Using React Router create navigation from game board to scoreboard and vice-versa

6. When playing a new game, check history. If the same players have played before, define the
previous winner as Player 1 (as convention X - should start the game) for the next round.

7. Provide readme.md file with the steps to run the app.

NB! We are aware that there are references on how the game works and that there are
examples on the web, however, we expect to see your own solution. It’s fine to use
the web to do research, but we want to see your own components, states and tests.
Expected deliverable and assessment rules of the game:

1. You have 7 days to work on the project from the moment you receive this doc. If you
complete the task before the deadline, you can send it back earlier.

2. Create one private github repository and share with us.

3. Push your commits to the repository constantly, so we can see your evolution and way of
thinking during development.

4. After the deadline is over, subsequent commits won’t be considered as part of the
solution.

5. Please let us know if you have any questions.

Best of luck!

You might also like