daceynolan / tic-tac-toe

My own implementation of the official React tutorial

Home Page:http://daceynolan.github.io/tic-tac-toe

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Tic-Tac-Toe

Purpose

Early on in my journey to become a developer, I followed the React's official tutorial building tic-tac-toe, but not longer after, React 16.8 was released and hooks were officially introduced. The tutorial was never updated, but I wanted to challenge myself to refactor the code to utilize hooks and add new features to the game.

Development Focus

  • Refactored class-based components to use hooks instead
    • Primarily focused on useEffect and useState
  • Added additional features such as player names, animations, instruction modal, and a reset button
  • Improved the overall styling of the game board

Screenshots

Setup Instructions

  1. Clone this repository.
  2. Install dependencies with yarn install
  3. Start app with yarn start

About

My own implementation of the official React tutorial

http://daceynolan.github.io/tic-tac-toe


Languages

Language:JavaScript 60.7%Language:CSS 32.1%Language:HTML 7.2%