jmalinkiewicz / react-redux-tic-tac-toe

Web Tic-Tac-Toe, with React for the front-end and React-Redux handling game score state

React-Redux Tic-Tac-Toe

Client-side Tic-Tac-Toe game, with React for the front-end and React-Redux handling game score state

Redux state handling

In the bottom right corner, click show score to display player names and game score. Both of those states are handled and managed by React-Redux. Click on player name to focus the text input, delete default name and type your custom one. Notice the text below the playing grid now displays Turn: **your input**. Play a round and notice score property is updated after every game.

Tech stack

• React 18.2.0
• React-Redux 9.1.2
• Tailwind CSS
• Framer Motion
• Typescript

Run the app

1. Clone the repo:

   git clone https://github.com/jmalinkiewicz/react-redux-tic-tac-toe.git

2. If you don't have Node.js installed, go to https://nodejs.org/en and install it
3. Install all the necessary dependencies:

   npm install

4. Run the app:

   npm run dev

5. The app should be accessible at http://localhost:5173/react-redux-tic-tac-toe/