Skip to content

AmielCyber/tdd-tic-tac-toe

Repository files navigation

tdd-tic-tac-toe

Description

To celebrate my first year using React, I build a Tic-Tac-Toe based on the first project I ever did with React. This project is a test driven development using React Testing Library and Jest. Unlike the first project, this project has better styling and many other features mentioned below.

Demo

Screenshots

Light Theme

Light Theme Desktop Preview

Dark Theme

Dark Theme Desktop Preview

Mobile Demo

Mobile Preview

Features

  • Game class to track state of a game.
  • User can go to a previous game state.
  • useReducer is used to keep track an array of Game states that have been played.
  • Components and useReducer functions are fully tested and contain their own test file .test.
  • Game displays which player is next and if the game is over.
  • Users can choose to display or not to display previous games.
  • Play Again button appears when the game is over and when clicked it resets the game.
  • Compatible for mobile devices.
  • Compatible for accessibility.
  • Compatible for user system's theme preference (Light or Dark theme).