This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Currently, two official plugins are available:
- @vitejs/plugin-react uses Babel for Fast Refresh
- @vitejs/plugin-react-swc uses SWC for Fast Refresh
General Setup
npm create vite@latest
Then we choose React, Javascript + SWC (faster than babel)
After following instructions, we can use npm run dev
Make a Blank Start
Go into files delete app css and index css Also change title to the name of the project Delete all of the App js inside of the return. Except the <> part
MVP for Tic Tac Toe
Technologies: React + Tailwind CSS
What is the minimum viable product that makes a tic tac toe game?
3 x 3 Board
2 players - human or AI
Each player assigned an ‘X’ or ‘O’
A way to select a spot in the board that is open
If a row or column or diagonal has 3 of the same letter, then that player is the winner.
3 x 3 Board
Player Class
Logic of Winning