Introduction
  • Introduction
  • Tools and Resources
  • Creating our React application
Converting our template into components
  • Adding our game template
  • Creating the game component
  • Creating the board component
  • Creating the cell component
Component display logic
  • Populating cell content
  • Setting cell dynamic classes
  • Creating cells from dynamic data
  • Highlighting winning cells dynamically
  • Lifting game state
Making the game interactive
  • Configuring cell clicks
  • Populating cells on click
  • Changing turns
  • Prevent overwriting cells
Configuring the Game Over screen.
  • Creating the result modal component
  • Controlling modal display from the game.
  • Setting up game over state
Determining the game result
  • Setting up the calculate winner function
  • Calculating a winner
  • Calculating a tie
Adding the finishing touches
  • Showing the game's result
  • Fixing the winning combinations
  • Starting a new game
Conclusion
  • Conclusion
  • BONUS CONTENT: OTHER COURSES