From 3428fb365202313b0995d71510f103989bbc6ace Mon Sep 17 00:00:00 2001
From: Connor McCue <connor.mccue@comcast.net>
Date: Mon, 3 Oct 2022 17:12:02 -0700
Subject: [PATCH 01/23] file setup

---
 src/components/Board.js             | 10 ++++++++++
 src/components/ExecuteMoveButton.js | 10 ++++++++++
 src/components/Tile.js              | 17 +++++++++++++++++
 src/context/GameContext.js          | 13 +++++++++++++
 4 files changed, 50 insertions(+)
 create mode 100644 src/components/Board.js
 create mode 100644 src/components/ExecuteMoveButton.js
 create mode 100644 src/components/Tile.js
 create mode 100644 src/context/GameContext.js

diff --git a/src/components/Board.js b/src/components/Board.js
new file mode 100644
index 0000000..4477383
--- /dev/null
+++ b/src/components/Board.js
@@ -0,0 +1,10 @@
+import React from 'react'
+import Tile from './Tile'
+import { useContext } from 'react';
+import { GameContext } from '../context/GameContext';
+
+export default function Board() {
+  return (
+    <div>Board</div>
+  )
+}
diff --git a/src/components/ExecuteMoveButton.js b/src/components/ExecuteMoveButton.js
new file mode 100644
index 0000000..a85100b
--- /dev/null
+++ b/src/components/ExecuteMoveButton.js
@@ -0,0 +1,10 @@
+import React from 'react'
+import Tile from './Tile';
+import { useContext } from 'react';
+import { GameContext } from '../context/GameContext';
+
+export default function ExecuteMoveButton() {
+  return (
+    <div>ExecuteMoveButton</div>
+  )
+}
diff --git a/src/components/Tile.js b/src/components/Tile.js
new file mode 100644
index 0000000..32cbc0e
--- /dev/null
+++ b/src/components/Tile.js
@@ -0,0 +1,17 @@
+import React from 'react';
+import { useContext } from 'react';
+import { GameContext } from '../context/GameContext';
+
+const tileType = {
+  circle: 'O',
+  ex: 'X',
+}
+
+export default function Tile() {
+
+  
+  return (
+    <>
+    </>
+  )
+}
\ No newline at end of file
diff --git a/src/context/GameContext.js b/src/context/GameContext.js
new file mode 100644
index 0000000..e5d6c96
--- /dev/null
+++ b/src/context/GameContext.js
@@ -0,0 +1,13 @@
+import { createContext, useState } from 'react';
+
+const GameContext = createContext();
+
+const GameProvider = ({ children }) => {
+  const gameState = {
+
+  }
+
+  return <GameContext.Provider value = {{ ...gameState }}>{children}</GameContext.Provider>
+};
+
+export {  GameProvider, GameContext }
\ No newline at end of file

From 389a73bc0f6483f38dc06845080b2c7259da8d5f Mon Sep 17 00:00:00 2001
From: Connor McCue <connor.mccue@comcast.net>
Date: Mon, 3 Oct 2022 17:28:35 -0700
Subject: [PATCH 02/23] removed errors

---
 src/App.js                               |  17 ++---------------
 src/Component_and_state_framework_v1.png | Bin 0 -> 13220 bytes
 src/components/Board.js                  |   6 +++---
 src/components/Tile.js                   |   6 +++---
 src/context/GameContext.js               |   6 +++---
 5 files changed, 11 insertions(+), 24 deletions(-)
 create mode 100644 src/Component_and_state_framework_v1.png

diff --git a/src/App.js b/src/App.js
index 3784575..43a2e07 100644
--- a/src/App.js
+++ b/src/App.js
@@ -1,23 +1,10 @@
-import logo from './logo.svg';
 import './App.css';
+import Board from './components/Board';
 
 function App() {
   return (
     <div className="App">
-      <header className="App-header">
-        <img src={logo} className="App-logo" alt="logo" />
-        <p>
-          Edit <code>src/App.js</code> and save to reload.
-        </p>
-        <a
-          className="App-link"
-          href="https://reactjs.org"
-          target="_blank"
-          rel="noopener noreferrer"
-        >
-          Learn React
-        </a>
-      </header>
+      <Board />
     </div>
   );
 }
diff --git a/src/Component_and_state_framework_v1.png b/src/Component_and_state_framework_v1.png
new file mode 100644
index 0000000000000000000000000000000000000000..b0c3cf488cec6a298a3484baf4a348d96b72b608
GIT binary patch
literal 13220
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
C%}-4L

literal 0
HcmV?d00001

diff --git a/src/components/Board.js b/src/components/Board.js
index 4477383..b128017 100644
--- a/src/components/Board.js
+++ b/src/components/Board.js
@@ -1,10 +1,10 @@
-import React from 'react'
-import Tile from './Tile'
+import React from 'react';
+import Tile from './Tile';
 import { useContext } from 'react';
 import { GameContext } from '../context/GameContext';
 
 export default function Board() {
   return (
     <div>Board</div>
-  )
+  );
 }
diff --git a/src/components/Tile.js b/src/components/Tile.js
index 32cbc0e..5ee799f 100644
--- a/src/components/Tile.js
+++ b/src/components/Tile.js
@@ -5,13 +5,13 @@ import { GameContext } from '../context/GameContext';
 const tileType = {
   circle: 'O',
   ex: 'X',
-}
+};
 
 export default function Tile() {
 
-  
+
   return (
     <>
     </>
-  )
+  );
 }
\ No newline at end of file
diff --git a/src/context/GameContext.js b/src/context/GameContext.js
index e5d6c96..9083f41 100644
--- a/src/context/GameContext.js
+++ b/src/context/GameContext.js
@@ -5,9 +5,9 @@ const GameContext = createContext();
 const GameProvider = ({ children }) => {
   const gameState = {
 
-  }
+  };
 
-  return <GameContext.Provider value = {{ ...gameState }}>{children}</GameContext.Provider>
+  return <GameContext.Provider value = {{ ...gameState }}>{children}</GameContext.Provider>;
 };
 
-export {  GameProvider, GameContext }
\ No newline at end of file
+export { GameProvider, GameContext };
\ No newline at end of file

From f0004dd77da38fdc9569bec89e6ce3f1ecf062c3 Mon Sep 17 00:00:00 2001
From: Connor McCue <connor.mccue@comcast.net>
Date: Mon, 3 Oct 2022 17:37:47 -0700
Subject: [PATCH 03/23] gamecontext.js additions

---
 src/context/GameContext.js | 14 +++++++++++++-
 src/index.js               |  5 ++++-
 2 files changed, 17 insertions(+), 2 deletions(-)

diff --git a/src/context/GameContext.js b/src/context/GameContext.js
index 9083f41..f90817e 100644
--- a/src/context/GameContext.js
+++ b/src/context/GameContext.js
@@ -3,8 +3,20 @@ import { createContext, useState } from 'react';
 const GameContext = createContext();
 
 const GameProvider = ({ children }) => {
-  const gameState = {
+  const [board, setBoard] = useState([]);
+  const [playerX, setPlayerX] = useState();
+  const [playerO, setPlayerO] = useState();
+  const [tile, setTile] = useState();
 
+  const gameState = {
+    board,
+    setBoard,
+    tile,
+    setTile,
+    playerX,
+    setPlayerX,
+    playerO,
+    setPlayerO
   };
 
   return <GameContext.Provider value = {{ ...gameState }}>{children}</GameContext.Provider>;
diff --git a/src/index.js b/src/index.js
index d563c0f..a2431e2 100644
--- a/src/index.js
+++ b/src/index.js
@@ -3,11 +3,14 @@ import ReactDOM from 'react-dom/client';
 import './index.css';
 import App from './App';
 import reportWebVitals from './reportWebVitals';
+import { GameProvider } from './context/GameContext';
 
 const root = ReactDOM.createRoot(document.getElementById('root'));
 root.render(
   <React.StrictMode>
-    <App />
+    <GameProvider>
+      <App />
+    </GameProvider>
   </React.StrictMode>
 );
 

From 418d5c11e6d23f2e6325d6fe86faf2b94d14b9bb Mon Sep 17 00:00:00 2001
From: Connor McCue <connor.mccue@comcast.net>
Date: Mon, 3 Oct 2022 17:51:07 -0700
Subject: [PATCH 04/23] test1

---
 src/components/Board.js | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/src/components/Board.js b/src/components/Board.js
index b128017..510ecdd 100644
--- a/src/components/Board.js
+++ b/src/components/Board.js
@@ -4,7 +4,18 @@ import { useContext } from 'react';
 import { GameContext } from '../context/GameContext';
 
 export default function Board() {
+  const { board, setBoard, tile, setTile } = useContext(GameContext);
   return (
-    <div>Board</div>
+    <div className = "board">
+      <Tile>1</Tile>
+      <Tile>2</Tile>
+      <Tile>3</Tile>
+      <Tile>4</Tile>
+      <Tile>5</Tile>
+      <Tile>6</Tile>
+      <Tile>7</Tile>
+      <Tile>8</Tile>
+      <Tile>9</Tile>
+    </div>
   );
 }

From ca1288b319b18fae89a718dbf5710420775158eb Mon Sep 17 00:00:00 2001
From: Connor McCue <connor.mccue@comcast.net>
Date: Mon, 3 Oct 2022 17:56:05 -0700
Subject: [PATCH 05/23] css test2

---
 src/components/Board.css | 4 ++++
 src/components/Board.js  | 1 +
 src/components/Tile.js   | 2 +-
 3 files changed, 6 insertions(+), 1 deletion(-)
 create mode 100644 src/components/Board.css

diff --git a/src/components/Board.css b/src/components/Board.css
new file mode 100644
index 0000000..4095571
--- /dev/null
+++ b/src/components/Board.css
@@ -0,0 +1,4 @@
+.board {
+  display: flex;
+  flex-wrap: wrap;
+}
\ No newline at end of file
diff --git a/src/components/Board.js b/src/components/Board.js
index 510ecdd..154d750 100644
--- a/src/components/Board.js
+++ b/src/components/Board.js
@@ -1,3 +1,4 @@
+import './Board.css';
 import React from 'react';
 import Tile from './Tile';
 import { useContext } from 'react';
diff --git a/src/components/Tile.js b/src/components/Tile.js
index 5ee799f..3921aea 100644
--- a/src/components/Tile.js
+++ b/src/components/Tile.js
@@ -11,7 +11,7 @@ export default function Tile() {
 
 
   return (
-    <>
+    <>Tile
     </>
   );
 }
\ No newline at end of file

From 49dc4bbd5020f8143b95944e86594649f8619631 Mon Sep 17 00:00:00 2001
From: Connor McCue <connor.mccue@comcast.net>
Date: Tue, 4 Oct 2022 10:29:54 -0700
Subject: [PATCH 06/23] file setup v2

---
 src/App.js                                               | 2 +-
 src/components/{ => Board}/Board.css                     | 0
 src/components/{ => Board}/Board.js                      | 4 ++--
 src/components/ExecuteMoveButton/ExecuteMoveButton.css   | 0
 .../{ => ExecuteMoveButton}/ExecuteMoveButton.js         | 4 ++--
 src/components/Tile/Tile.css                             | 0
 src/components/{ => Tile}/Tile.js                        | 2 +-
 src/context/GameContext.js                               | 9 +++++++--
 8 files changed, 13 insertions(+), 8 deletions(-)
 rename src/components/{ => Board}/Board.css (100%)
 rename src/components/{ => Board}/Board.js (80%)
 create mode 100644 src/components/ExecuteMoveButton/ExecuteMoveButton.css
 rename src/components/{ => ExecuteMoveButton}/ExecuteMoveButton.js (74%)
 create mode 100644 src/components/Tile/Tile.css
 rename src/components/{ => Tile}/Tile.js (76%)

diff --git a/src/App.js b/src/App.js
index 43a2e07..0c9aa33 100644
--- a/src/App.js
+++ b/src/App.js
@@ -1,5 +1,5 @@
 import './App.css';
-import Board from './components/Board';
+import Board from './components/Board/Board';
 
 function App() {
   return (
diff --git a/src/components/Board.css b/src/components/Board/Board.css
similarity index 100%
rename from src/components/Board.css
rename to src/components/Board/Board.css
diff --git a/src/components/Board.js b/src/components/Board/Board.js
similarity index 80%
rename from src/components/Board.js
rename to src/components/Board/Board.js
index 154d750..16d70c9 100644
--- a/src/components/Board.js
+++ b/src/components/Board/Board.js
@@ -1,8 +1,8 @@
 import './Board.css';
 import React from 'react';
-import Tile from './Tile';
+import Tile from '../../components/Tile/Tile';
 import { useContext } from 'react';
-import { GameContext } from '../context/GameContext';
+import { GameContext } from '../../context/GameContext';
 
 export default function Board() {
   const { board, setBoard, tile, setTile } = useContext(GameContext);
diff --git a/src/components/ExecuteMoveButton/ExecuteMoveButton.css b/src/components/ExecuteMoveButton/ExecuteMoveButton.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/components/ExecuteMoveButton.js b/src/components/ExecuteMoveButton/ExecuteMoveButton.js
similarity index 74%
rename from src/components/ExecuteMoveButton.js
rename to src/components/ExecuteMoveButton/ExecuteMoveButton.js
index a85100b..07652c9 100644
--- a/src/components/ExecuteMoveButton.js
+++ b/src/components/ExecuteMoveButton/ExecuteMoveButton.js
@@ -1,10 +1,10 @@
 import React from 'react'
 import Tile from './Tile';
 import { useContext } from 'react';
-import { GameContext } from '../context/GameContext';
+import { GameContext } from '../../context/GameContext';
 
 export default function ExecuteMoveButton() {
   return (
     <div>ExecuteMoveButton</div>
-  )
+  );
 }
diff --git a/src/components/Tile/Tile.css b/src/components/Tile/Tile.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/components/Tile.js b/src/components/Tile/Tile.js
similarity index 76%
rename from src/components/Tile.js
rename to src/components/Tile/Tile.js
index 3921aea..ce033f9 100644
--- a/src/components/Tile.js
+++ b/src/components/Tile/Tile.js
@@ -1,6 +1,6 @@
 import React from 'react';
 import { useContext } from 'react';
-import { GameContext } from '../context/GameContext';
+import { GameContext } from '../../context/GameContext';
 
 const tileType = {
   circle: 'O',
diff --git a/src/context/GameContext.js b/src/context/GameContext.js
index f90817e..270fced 100644
--- a/src/context/GameContext.js
+++ b/src/context/GameContext.js
@@ -2,11 +2,14 @@ import { createContext, useState } from 'react';
 
 const GameContext = createContext();
 
+const initialBoard = 
+
 const GameProvider = ({ children }) => {
-  const [board, setBoard] = useState([]);
+  const [board, setBoard] = useState([initialBoard]);
   const [playerX, setPlayerX] = useState();
   const [playerO, setPlayerO] = useState();
   const [tile, setTile] = useState();
+  const [active, setActive] = useState();
 
   const gameState = {
     board,
@@ -16,7 +19,9 @@ const GameProvider = ({ children }) => {
     playerX,
     setPlayerX,
     playerO,
-    setPlayerO
+    setPlayerO,
+    active, 
+    setActive
   };
 
   return <GameContext.Provider value = {{ ...gameState }}>{children}</GameContext.Provider>;

From de6aeabcd4fc588cacf6f74bda1225b459caa2cc Mon Sep 17 00:00:00 2001
From: Connor McCue <connor.mccue@comcast.net>
Date: Tue, 4 Oct 2022 15:49:14 -0700
Subject: [PATCH 07/23] post food poisoning: added css, handling onClick within
 Tile.js, change to currentPlayer

---
 src/components/Board/Board.css                |  8 +++++
 src/components/Board/Board.js                 | 34 ++++++++++++-------
 .../ExecuteMoveButton/ExecuteMoveButton.js    |  4 +--
 src/components/Tile/Tile.css                  |  8 +++++
 src/components/Tile/Tile.js                   | 19 +++++++++--
 src/context/GameContext.js                    | 10 ++++--
 6 files changed, 64 insertions(+), 19 deletions(-)

diff --git a/src/components/Board/Board.css b/src/components/Board/Board.css
index 4095571..79075a3 100644
--- a/src/components/Board/Board.css
+++ b/src/components/Board/Board.css
@@ -1,4 +1,12 @@
 .board {
   display: flex;
   flex-wrap: wrap;
+  flex-direction: column;
+  align-content: center;
+}
+
+.row {
+  display: flex;
+  flex-wrap: wrap;
+  flex-direction: row;
 }
\ No newline at end of file
diff --git a/src/components/Board/Board.js b/src/components/Board/Board.js
index 16d70c9..411276b 100644
--- a/src/components/Board/Board.js
+++ b/src/components/Board/Board.js
@@ -5,18 +5,28 @@ import { useContext } from 'react';
 import { GameContext } from '../../context/GameContext';
 
 export default function Board() {
-  const { board, setBoard, tile, setTile } = useContext(GameContext);
+  const { board, setBoard, playerX, setPlayerX, playerO, setPlayerO, active, setActive, currentPlayer, setCurrentPlayer } = useContext(GameContext);
   return (
-    <div className = "board">
-      <Tile>1</Tile>
-      <Tile>2</Tile>
-      <Tile>3</Tile>
-      <Tile>4</Tile>
-      <Tile>5</Tile>
-      <Tile>6</Tile>
-      <Tile>7</Tile>
-      <Tile>8</Tile>
-      <Tile>9</Tile>
-    </div>
+    <main>
+      <div className = "message">WELCOME TO ALCHEMY TIC TAC-O</div>
+      <div className = "message">It is {currentPlayer}s turn</div>
+      <div className = "board">
+        <div className="row">
+          <Tile />
+          <Tile />
+          <Tile />
+        </div>
+        <div className="row">
+          <Tile />
+          <Tile />
+          <Tile />
+        </div>
+        <div className="row">
+          <Tile />
+          <Tile />
+          <Tile />
+        </div>
+      </div>
+    </main>
   );
 }
diff --git a/src/components/ExecuteMoveButton/ExecuteMoveButton.js b/src/components/ExecuteMoveButton/ExecuteMoveButton.js
index 07652c9..094d0db 100644
--- a/src/components/ExecuteMoveButton/ExecuteMoveButton.js
+++ b/src/components/ExecuteMoveButton/ExecuteMoveButton.js
@@ -1,5 +1,5 @@
-import React from 'react'
-import Tile from './Tile';
+import React from 'react';
+import Tile from '../Tile/Tile';
 import { useContext } from 'react';
 import { GameContext } from '../../context/GameContext';
 
diff --git a/src/components/Tile/Tile.css b/src/components/Tile/Tile.css
index e69de29..5c35eec 100644
--- a/src/components/Tile/Tile.css
+++ b/src/components/Tile/Tile.css
@@ -0,0 +1,8 @@
+.tile {
+  width: 100px;
+  height: 100px;
+  margin: 5px;
+  border: 2px solid;
+  box-sizing: border-box;
+  background-color: aquamarine;
+}
\ No newline at end of file
diff --git a/src/components/Tile/Tile.js b/src/components/Tile/Tile.js
index ce033f9..aec6f48 100644
--- a/src/components/Tile/Tile.js
+++ b/src/components/Tile/Tile.js
@@ -1,17 +1,30 @@
 import React from 'react';
 import { useContext } from 'react';
 import { GameContext } from '../../context/GameContext';
+// import ExecuteMoveButton from '../ExecuteMoveButton/ExecuteMoveButton';
+import './Tile.css';
 
 const tileType = {
   circle: 'O',
   ex: 'X',
 };
 
-export default function Tile() {
 
+export default function Tile() {
+  const { board, setBoard, playerX, setPlayerX, playerO, setPlayerO, active, setActive, currentPlayer, setCurrentPlayer } = useContext(GameContext);
+  
+  function handleTileClick() {
+    if (currentPlayer === 'X') {
+      currentPlayer === 'O';
+    } else {
+      currentPlayer === 'X';
+    }
+    console.log('you clicked!');
+    console.log('it is now ' + currentPlayer + 'turn');
+  }
 
   return (
-    <>Tile
-    </>
+    <div className= "tile" onClick={handleTileClick}>
+    </div>
   );
 }
\ No newline at end of file
diff --git a/src/context/GameContext.js b/src/context/GameContext.js
index 270fced..ad95521 100644
--- a/src/context/GameContext.js
+++ b/src/context/GameContext.js
@@ -3,13 +3,17 @@ import { createContext, useState } from 'react';
 const GameContext = createContext();
 
 const initialBoard = 
+  ['', '', '', 
+    '', '', '', 
+    '', '', ''];
 
 const GameProvider = ({ children }) => {
   const [board, setBoard] = useState([initialBoard]);
   const [playerX, setPlayerX] = useState();
   const [playerO, setPlayerO] = useState();
   const [tile, setTile] = useState();
-  const [active, setActive] = useState();
+  const [active, setActive] = useState(true);
+  const [currentPlayer, setCurrentPlayer] = useState('X');
 
   const gameState = {
     board,
@@ -21,7 +25,9 @@ const GameProvider = ({ children }) => {
     playerO,
     setPlayerO,
     active, 
-    setActive
+    setActive,
+    currentPlayer,
+    setCurrentPlayer
   };
 
   return <GameContext.Provider value = {{ ...gameState }}>{children}</GameContext.Provider>;

From 0f6d262792e6b67af6197be33f2f9d54da491534 Mon Sep 17 00:00:00 2001
From: Connor McCue <connor.mccue@comcast.net>
Date: Tue, 4 Oct 2022 15:57:23 -0700
Subject: [PATCH 08/23] context changes player on click

---
 src/components/Tile/Tile.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/Tile/Tile.js b/src/components/Tile/Tile.js
index aec6f48..4b9e255 100644
--- a/src/components/Tile/Tile.js
+++ b/src/components/Tile/Tile.js
@@ -15,12 +15,12 @@ export default function Tile() {
   
   function handleTileClick() {
     if (currentPlayer === 'X') {
-      currentPlayer === 'O';
+      setCurrentPlayer('O');
     } else {
-      currentPlayer === 'X';
+      setCurrentPlayer('X');
     }
     console.log('you clicked!');
-    console.log('it is now ' + currentPlayer + 'turn');
+    console.log('it is now ' + currentPlayer + ' turn');
   }
 
   return (

From c0f329dd771ba591705b52f1a88154e7d0c838a2 Mon Sep 17 00:00:00 2001
From: Connor McCue <connor.mccue@comcast.net>
Date: Tue, 4 Oct 2022 16:21:33 -0700
Subject: [PATCH 09/23] changed gamecontext, testing initial board settings and
 display in board.js

---
 src/components/Board/Board.js | 5 ++++-
 src/context/GameContext.js    | 8 ++++----
 2 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/components/Board/Board.js b/src/components/Board/Board.js
index 411276b..e2f5f39 100644
--- a/src/components/Board/Board.js
+++ b/src/components/Board/Board.js
@@ -5,14 +5,17 @@ import { useContext } from 'react';
 import { GameContext } from '../../context/GameContext';
 
 export default function Board() {
+
   const { board, setBoard, playerX, setPlayerX, playerO, setPlayerO, active, setActive, currentPlayer, setCurrentPlayer } = useContext(GameContext);
+  console.log(...board[1][1]); //5
+  console.log(...board[0][0]); //1
   return (
     <main>
       <div className = "message">WELCOME TO ALCHEMY TIC TAC-O</div>
       <div className = "message">It is {currentPlayer}s turn</div>
       <div className = "board">
         <div className="row">
-          <Tile />
+          <Tile {...board[0][0]} />
           <Tile />
           <Tile />
         </div>
diff --git a/src/context/GameContext.js b/src/context/GameContext.js
index ad95521..bca685c 100644
--- a/src/context/GameContext.js
+++ b/src/context/GameContext.js
@@ -3,12 +3,12 @@ import { createContext, useState } from 'react';
 const GameContext = createContext();
 
 const initialBoard = 
-  ['', '', '', 
-    '', '', '', 
-    '', '', ''];
+  [['1', '2', '3'], 
+    ['4', '5', '6'], 
+    ['7', '8', '9']];
 
 const GameProvider = ({ children }) => {
-  const [board, setBoard] = useState([initialBoard]);
+  const [board, setBoard] = useState(initialBoard);
   const [playerX, setPlayerX] = useState();
   const [playerO, setPlayerO] = useState();
   const [tile, setTile] = useState();

From d2a8b715c019065d3e54a1f44734cab687321e51 Mon Sep 17 00:00:00 2001
From: Connor McCue <connor.mccue@comcast.net>
Date: Tue, 4 Oct 2022 16:48:08 -0700
Subject: [PATCH 10/23] tiles show board object values

---
 src/components/Board/Board.js | 21 +++++++--------
 src/components/Tile/Tile.js   |  5 +++-
 src/context/GameContext.js    | 49 +++++++++++++++++++++++++++++++----
 3 files changed, 58 insertions(+), 17 deletions(-)

diff --git a/src/components/Board/Board.js b/src/components/Board/Board.js
index e2f5f39..29ad613 100644
--- a/src/components/Board/Board.js
+++ b/src/components/Board/Board.js
@@ -7,27 +7,26 @@ import { GameContext } from '../../context/GameContext';
 export default function Board() {
 
   const { board, setBoard, playerX, setPlayerX, playerO, setPlayerO, active, setActive, currentPlayer, setCurrentPlayer } = useContext(GameContext);
-  console.log(...board[1][1]); //5
-  console.log(...board[0][0]); //1
+
   return (
     <main>
       <div className = "message">WELCOME TO ALCHEMY TIC TAC-O</div>
       <div className = "message">It is {currentPlayer}s turn</div>
       <div className = "board">
         <div className="row">
-          <Tile {...board[0][0]} />
-          <Tile />
-          <Tile />
+          <Tile key={board[0].place} location={0} />
+          <Tile key={board[1].place} location={1} />
+          <Tile key={board[2].place} location={2} />
         </div>
         <div className="row">
-          <Tile />
-          <Tile />
-          <Tile />
+          <Tile key={board[3].place} location={3} />
+          <Tile key={board[4].place} location={4} />
+          <Tile key={board[5].place} location={5} />
         </div>
         <div className="row">
-          <Tile />
-          <Tile />
-          <Tile />
+          <Tile key={board[6].place} location={6} />
+          <Tile key={board[7].place} location={7} />
+          <Tile key={board[8].place} location={8} />
         </div>
       </div>
     </main>
diff --git a/src/components/Tile/Tile.js b/src/components/Tile/Tile.js
index 4b9e255..6c6458d 100644
--- a/src/components/Tile/Tile.js
+++ b/src/components/Tile/Tile.js
@@ -10,7 +10,7 @@ const tileType = {
 };
 
 
-export default function Tile() {
+export default function Tile({ location }) {
   const { board, setBoard, playerX, setPlayerX, playerO, setPlayerO, active, setActive, currentPlayer, setCurrentPlayer } = useContext(GameContext);
   
   function handleTileClick() {
@@ -22,9 +22,12 @@ export default function Tile() {
     console.log('you clicked!');
     console.log('it is now ' + currentPlayer + ' turn');
   }
+  // console.log(location);
+  console.log(board[location].value);
 
   return (
     <div className= "tile" onClick={handleTileClick}>
+      <div>{board[location].value}</div>
     </div>
   );
 }
\ No newline at end of file
diff --git a/src/context/GameContext.js b/src/context/GameContext.js
index bca685c..6eb7316 100644
--- a/src/context/GameContext.js
+++ b/src/context/GameContext.js
@@ -2,13 +2,52 @@ import { createContext, useState } from 'react';
 
 const GameContext = createContext();
 
-const initialBoard = 
-  [['1', '2', '3'], 
-    ['4', '5', '6'], 
-    ['7', '8', '9']];
+// const initialBoardArray = 
+//   [['1', '2', '3'], 
+//     ['4', '5', '6'], 
+//     ['7', '8', '9']];
+
+const initialBoardObject = [
+  {
+    place: 1,
+    value: '1'
+  },
+  {
+    place: 2,
+    value: '2'
+  },
+  {
+    place: 3,
+    value: '3'
+  },
+  {
+    place: 4,
+    value: '4'
+  },
+  {
+    place: 5,
+    value: '5'
+  },
+  {
+    place: 6,
+    value: '6'
+  },
+  {
+    place: 7,
+    value: '7'
+  },
+  {
+    place: 8,
+    value: '8'
+  },
+  {
+    place: 9,
+    value: '9'
+  }
+];
 
 const GameProvider = ({ children }) => {
-  const [board, setBoard] = useState(initialBoard);
+  const [board, setBoard] = useState(initialBoardObject);
   const [playerX, setPlayerX] = useState();
   const [playerO, setPlayerO] = useState();
   const [tile, setTile] = useState();

From f8d8cb8daf5ced900bf113b9085986b90f39ed54 Mon Sep 17 00:00:00 2001
From: Connor McCue <connor.mccue@comcast.net>
Date: Tue, 4 Oct 2022 16:52:34 -0700
Subject: [PATCH 11/23] tiles show X or O on click depending on whos turn it is

---
 src/components/Tile/Tile.js |  3 +--
 src/context/GameContext.js  | 18 +++++++++---------
 2 files changed, 10 insertions(+), 11 deletions(-)

diff --git a/src/components/Tile/Tile.js b/src/components/Tile/Tile.js
index 6c6458d..f7777b2 100644
--- a/src/components/Tile/Tile.js
+++ b/src/components/Tile/Tile.js
@@ -14,6 +14,7 @@ export default function Tile({ location }) {
   const { board, setBoard, playerX, setPlayerX, playerO, setPlayerO, active, setActive, currentPlayer, setCurrentPlayer } = useContext(GameContext);
   
   function handleTileClick() {
+    board[location].value = currentPlayer;
     if (currentPlayer === 'X') {
       setCurrentPlayer('O');
     } else {
@@ -22,8 +23,6 @@ export default function Tile({ location }) {
     console.log('you clicked!');
     console.log('it is now ' + currentPlayer + ' turn');
   }
-  // console.log(location);
-  console.log(board[location].value);
 
   return (
     <div className= "tile" onClick={handleTileClick}>
diff --git a/src/context/GameContext.js b/src/context/GameContext.js
index 6eb7316..66d263d 100644
--- a/src/context/GameContext.js
+++ b/src/context/GameContext.js
@@ -10,39 +10,39 @@ const GameContext = createContext();
 const initialBoardObject = [
   {
     place: 1,
-    value: '1'
+    value: ''
   },
   {
     place: 2,
-    value: '2'
+    value: ''
   },
   {
     place: 3,
-    value: '3'
+    value: ''
   },
   {
     place: 4,
-    value: '4'
+    value: ''
   },
   {
     place: 5,
-    value: '5'
+    value: ''
   },
   {
     place: 6,
-    value: '6'
+    value: ''
   },
   {
     place: 7,
-    value: '7'
+    value: ''
   },
   {
     place: 8,
-    value: '8'
+    value: ''
   },
   {
     place: 9,
-    value: '9'
+    value: ''
   }
 ];
 

From 242cf6d882a5c94fbbb4536a9d8e74071ea3061b Mon Sep 17 00:00:00 2001
From: Connor McCue <connor.mccue@comcast.net>
Date: Tue, 4 Oct 2022 17:16:19 -0700
Subject: [PATCH 12/23] created custom hook resetgame, no errors but also not
 functioning

---
 src/App.js                                    |  2 +
 src/components/Board/Board.js                 | 16 ++++++-
 .../ExecuteMoveButton/ExecuteMoveButton.css   |  0
 .../ExecuteMoveButton/ExecuteMoveButton.js    | 10 ----
 src/context/GameContext.js                    | 48 +------------------
 src/initial-board-data.js                     | 38 +++++++++++++++
 6 files changed, 56 insertions(+), 58 deletions(-)
 delete mode 100644 src/components/ExecuteMoveButton/ExecuteMoveButton.css
 delete mode 100644 src/components/ExecuteMoveButton/ExecuteMoveButton.js
 create mode 100644 src/initial-board-data.js

diff --git a/src/App.js b/src/App.js
index 0c9aa33..77b22ce 100644
--- a/src/App.js
+++ b/src/App.js
@@ -1,6 +1,8 @@
 import './App.css';
 import Board from './components/Board/Board';
 
+
+
 function App() {
   return (
     <div className="App">
diff --git a/src/components/Board/Board.js b/src/components/Board/Board.js
index 29ad613..a0c5fa5 100644
--- a/src/components/Board/Board.js
+++ b/src/components/Board/Board.js
@@ -1,17 +1,29 @@
 import './Board.css';
-import React from 'react';
+import { React, useState } from 'react';
 import Tile from '../../components/Tile/Tile';
 import { useContext } from 'react';
 import { GameContext } from '../../context/GameContext';
+import initialBoard from '../../initial-board-data';
 
 export default function Board() {
-
   const { board, setBoard, playerX, setPlayerX, playerO, setPlayerO, active, setActive, currentPlayer, setCurrentPlayer } = useContext(GameContext);
+  
+  if (board[0].value === 'X' && board[1].value === 'X' && board[2].value === 'X') {
+    setActive(false);
+    console.log('X wins!');
+  }
+
+  function ResetGame() {
+    setBoard(initialBoard);
+    console.log(board);
+    console.log('you pressed reset game');
+  }
 
   return (
     <main>
       <div className = "message">WELCOME TO ALCHEMY TIC TAC-O</div>
       <div className = "message">It is {currentPlayer}s turn</div>
+      <button onClick={ResetGame}>reset game</button>
       <div className = "board">
         <div className="row">
           <Tile key={board[0].place} location={0} />
diff --git a/src/components/ExecuteMoveButton/ExecuteMoveButton.css b/src/components/ExecuteMoveButton/ExecuteMoveButton.css
deleted file mode 100644
index e69de29..0000000
diff --git a/src/components/ExecuteMoveButton/ExecuteMoveButton.js b/src/components/ExecuteMoveButton/ExecuteMoveButton.js
deleted file mode 100644
index 094d0db..0000000
--- a/src/components/ExecuteMoveButton/ExecuteMoveButton.js
+++ /dev/null
@@ -1,10 +0,0 @@
-import React from 'react';
-import Tile from '../Tile/Tile';
-import { useContext } from 'react';
-import { GameContext } from '../../context/GameContext';
-
-export default function ExecuteMoveButton() {
-  return (
-    <div>ExecuteMoveButton</div>
-  );
-}
diff --git a/src/context/GameContext.js b/src/context/GameContext.js
index 66d263d..f5d3249 100644
--- a/src/context/GameContext.js
+++ b/src/context/GameContext.js
@@ -1,53 +1,9 @@
 import { createContext, useState } from 'react';
-
+import initialBoard from '../initial-board-data';
 const GameContext = createContext();
 
-// const initialBoardArray = 
-//   [['1', '2', '3'], 
-//     ['4', '5', '6'], 
-//     ['7', '8', '9']];
-
-const initialBoardObject = [
-  {
-    place: 1,
-    value: ''
-  },
-  {
-    place: 2,
-    value: ''
-  },
-  {
-    place: 3,
-    value: ''
-  },
-  {
-    place: 4,
-    value: ''
-  },
-  {
-    place: 5,
-    value: ''
-  },
-  {
-    place: 6,
-    value: ''
-  },
-  {
-    place: 7,
-    value: ''
-  },
-  {
-    place: 8,
-    value: ''
-  },
-  {
-    place: 9,
-    value: ''
-  }
-];
-
 const GameProvider = ({ children }) => {
-  const [board, setBoard] = useState(initialBoardObject);
+  const [board, setBoard] = useState(initialBoard);
   const [playerX, setPlayerX] = useState();
   const [playerO, setPlayerO] = useState();
   const [tile, setTile] = useState();
diff --git a/src/initial-board-data.js b/src/initial-board-data.js
new file mode 100644
index 0000000..3d933a1
--- /dev/null
+++ b/src/initial-board-data.js
@@ -0,0 +1,38 @@
+export default [
+  {
+    place: 1,
+    value: ''
+  },
+  {
+    place: 2,
+    value: ''
+  },
+  {
+    place: 3,
+    value: ''
+  },
+  {
+    place: 4,
+    value: ''
+  },
+  {
+    place: 5,
+    value: ''
+  },
+  {
+    place: 6,
+    value: ''
+  },
+  {
+    place: 7,
+    value: ''
+  },
+  {
+    place: 8,
+    value: ''
+  },
+  {
+    place: 9,
+    value: ''
+  }
+];
\ No newline at end of file

From 553aa3bf886c8d3492b99487e278d2f971f04885 Mon Sep 17 00:00:00 2001
From: Connor McCue <connor.mccue@comcast.net>
Date: Tue, 4 Oct 2022 17:44:17 -0700
Subject: [PATCH 13/23] reset game button works

---
 src/components/Board/Board.js | 46 +++++++++++++++++++++++++++++++----
 src/components/Tile/Tile.js   |  1 -
 2 files changed, 41 insertions(+), 6 deletions(-)

diff --git a/src/components/Board/Board.js b/src/components/Board/Board.js
index a0c5fa5..12a6b13 100644
--- a/src/components/Board/Board.js
+++ b/src/components/Board/Board.js
@@ -3,10 +3,9 @@ import { React, useState } from 'react';
 import Tile from '../../components/Tile/Tile';
 import { useContext } from 'react';
 import { GameContext } from '../../context/GameContext';
-import initialBoard from '../../initial-board-data';
 
 export default function Board() {
-  const { board, setBoard, playerX, setPlayerX, playerO, setPlayerO, active, setActive, currentPlayer, setCurrentPlayer } = useContext(GameContext);
+  const { board, setBoard, active, setActive, currentPlayer, setCurrentPlayer } = useContext(GameContext);
   
   if (board[0].value === 'X' && board[1].value === 'X' && board[2].value === 'X') {
     setActive(false);
@@ -14,9 +13,46 @@ export default function Board() {
   }
 
   function ResetGame() {
-    setBoard(initialBoard);
-    console.log(board);
-    console.log('you pressed reset game');
+    setActive(true);
+    setCurrentPlayer('X');
+    setBoard([
+      {
+        place: 1,
+        value: ''
+      },
+      {
+        place: 2,
+        value: ''
+      },
+      {
+        place: 3,
+        value: ''
+      },
+      {
+        place: 4,
+        value: ''
+      },
+      {
+        place: 5,
+        value: ''
+      },
+      {
+        place: 6,
+        value: ''
+      },
+      {
+        place: 7,
+        value: ''
+      },
+      {
+        place: 8,
+        value: ''
+      },
+      {
+        place: 9,
+        value: ''
+      }
+    ]);
   }
 
   return (
diff --git a/src/components/Tile/Tile.js b/src/components/Tile/Tile.js
index f7777b2..267c5c0 100644
--- a/src/components/Tile/Tile.js
+++ b/src/components/Tile/Tile.js
@@ -1,7 +1,6 @@
 import React from 'react';
 import { useContext } from 'react';
 import { GameContext } from '../../context/GameContext';
-// import ExecuteMoveButton from '../ExecuteMoveButton/ExecuteMoveButton';
 import './Tile.css';
 
 const tileType = {

From f864cf2a06e9d1829500c7a5d5c671f0326cf6fb Mon Sep 17 00:00:00 2001
From: Connor McCue <connor.mccue@comcast.net>
Date: Tue, 4 Oct 2022 17:47:32 -0700
Subject: [PATCH 14/23] tile uses active state to enable click

---
 src/components/Tile/Tile.js | 24 ++++++++++++------------
 1 file changed, 12 insertions(+), 12 deletions(-)

diff --git a/src/components/Tile/Tile.js b/src/components/Tile/Tile.js
index 267c5c0..2ad472b 100644
--- a/src/components/Tile/Tile.js
+++ b/src/components/Tile/Tile.js
@@ -3,26 +3,26 @@ import { useContext } from 'react';
 import { GameContext } from '../../context/GameContext';
 import './Tile.css';
 
-const tileType = {
-  circle: 'O',
-  ex: 'X',
-};
-
 
 export default function Tile({ location }) {
-  const { board, setBoard, playerX, setPlayerX, playerO, setPlayerO, active, setActive, currentPlayer, setCurrentPlayer } = useContext(GameContext);
+  const { board, active, currentPlayer, setCurrentPlayer } = useContext(GameContext);
   
   function handleTileClick() {
-    board[location].value = currentPlayer;
-    if (currentPlayer === 'X') {
-      setCurrentPlayer('O');
+    if (!active) {
+      return;
     } else {
-      setCurrentPlayer('X');
+      board[location].value = currentPlayer;
+      if (currentPlayer === 'X') {
+        setCurrentPlayer('O');
+      } else {
+        setCurrentPlayer('X');
+      }
+      console.log('you clicked!');
+      console.log('it is now ' + currentPlayer + ' turn');
     }
-    console.log('you clicked!');
-    console.log('it is now ' + currentPlayer + ' turn');
   }
 
+
   return (
     <div className= "tile" onClick={handleTileClick}>
       <div>{board[location].value}</div>

From 046c971f0a9e9d6c66dde0d4f046ea8de13683a4 Mon Sep 17 00:00:00 2001
From: Connor McCue <connor.mccue@comcast.net>
Date: Tue, 4 Oct 2022 17:53:15 -0700
Subject: [PATCH 15/23] win conditions, displays alert on victory

---
 src/components/Board/Board.js | 44 +++++++++++++++++++++++++++++++++--
 1 file changed, 42 insertions(+), 2 deletions(-)

diff --git a/src/components/Board/Board.js b/src/components/Board/Board.js
index 12a6b13..7d7c260 100644
--- a/src/components/Board/Board.js
+++ b/src/components/Board/Board.js
@@ -6,11 +6,51 @@ import { GameContext } from '../../context/GameContext';
 
 export default function Board() {
   const { board, setBoard, active, setActive, currentPlayer, setCurrentPlayer } = useContext(GameContext);
-  
+  // conditions for player X to win
   if (board[0].value === 'X' && board[1].value === 'X' && board[2].value === 'X') {
     setActive(false);
-    console.log('X wins!');
+    alert('X wins!');
+  }
+  if (board[3].value === 'X' && board[4].value === 'X' && board[5].value === 'X') {
+    setActive(false);
+    alert('X wins!');
+  }
+  if (board[6].value === 'X' && board[7].value === 'X' && board[8].value === 'X') {
+    setActive(false);
+    alert('X wins!');
+  }
+  if (board[0].value === 'X' && board[4].value === 'X' && board[8].value === 'X') {
+    setActive(false);
+    alert('X wins!');
+  }
+  if (board[6].value === 'X' && board[4].value === 'X' && board[2].value === 'X') {
+    setActive(false);
+    alert('X wins!');
+  }
+
+  // conditions for player O to win
+  if (board[0].value === 'O' && board[1].value === 'O' && board[2].value === 'O') {
+    setActive(false);
+    alert('O wins!');
+  }
+  if (board[3].value === 'O' && board[4].value === 'O' && board[5].value === 'O') {
+    setActive(false);
+    alert('O wins!');
   }
+  if (board[6].value === 'O' && board[7].value === 'O' && board[8].value === 'O') {
+    setActive(false);
+    alert('O wins!');
+  }
+  if (board[0].value === 'O' && board[4].value === 'O' && board[8].value === 'O') {
+    setActive(false);
+    alert('O wins!');
+  }
+  if (board[6].value === 'O' && board[4].value === 'O' && board[2].value === 'O') {
+    setActive(false);
+    alert('O wins!');
+  }
+
+  
 
   function ResetGame() {
     setActive(true);

From 9c3364a4bcf2ba8232e66c81f22253465dae2d1f Mon Sep 17 00:00:00 2001
From: Connor McCue <connor.mccue@comcast.net>
Date: Tue, 4 Oct 2022 17:56:14 -0700
Subject: [PATCH 16/23] cats game check added, removed extra state and console
 logs

---
 src/components/Board/Board.js | 19 +++++++++++++++++--
 src/components/Tile/Tile.js   |  2 --
 2 files changed, 17 insertions(+), 4 deletions(-)

diff --git a/src/components/Board/Board.js b/src/components/Board/Board.js
index 7d7c260..f17d0d1 100644
--- a/src/components/Board/Board.js
+++ b/src/components/Board/Board.js
@@ -1,12 +1,27 @@
 import './Board.css';
-import { React, useState } from 'react';
+import { React } from 'react';
 import Tile from '../../components/Tile/Tile';
 import { useContext } from 'react';
 import { GameContext } from '../../context/GameContext';
 
 export default function Board() {
   const { board, setBoard, active, setActive, currentPlayer, setCurrentPlayer } = useContext(GameContext);
-  // conditions for player X to win
+  // check for cats game
+  if (active && 
+    board[0].value && 
+    board[1].value &&
+    board[2].value &&
+    board[3].value &&
+    board[4].value && 
+    board[5].value &&
+    board[6].value &&
+    board[7].value &&
+    board[8].value) {
+    setActive(false);
+    alert('cats game!');
+  }
+  
+    // conditions for player X to win
   if (board[0].value === 'X' && board[1].value === 'X' && board[2].value === 'X') {
     setActive(false);
     alert('X wins!');
diff --git a/src/components/Tile/Tile.js b/src/components/Tile/Tile.js
index 2ad472b..b5ec884 100644
--- a/src/components/Tile/Tile.js
+++ b/src/components/Tile/Tile.js
@@ -17,8 +17,6 @@ export default function Tile({ location }) {
       } else {
         setCurrentPlayer('X');
       }
-      console.log('you clicked!');
-      console.log('it is now ' + currentPlayer + ' turn');
     }
   }
 

From 95bff8f6e16f3eb629c50be9516b09e046ddb304 Mon Sep 17 00:00:00 2001
From: Connor McCue <connor.mccue@comcast.net>
Date: Tue, 4 Oct 2022 18:05:24 -0700
Subject: [PATCH 17/23] added css

---
 src/components/Board/Board.css | 3 +++
 src/components/Board/Board.js  | 2 --
 src/components/Tile/Tile.css   | 1 +
 3 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/components/Board/Board.css b/src/components/Board/Board.css
index 79075a3..f6c43fa 100644
--- a/src/components/Board/Board.css
+++ b/src/components/Board/Board.css
@@ -3,6 +3,9 @@
   flex-wrap: wrap;
   flex-direction: column;
   align-content: center;
+  height: 90vh;
+  background-image: url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcS7s9yhHPtcMcWRQFDm9tCBS2RhsUyyOye46A&usqp=CAU);
+  
 }
 
 .row {
diff --git a/src/components/Board/Board.js b/src/components/Board/Board.js
index f17d0d1..bdff08a 100644
--- a/src/components/Board/Board.js
+++ b/src/components/Board/Board.js
@@ -64,9 +64,7 @@ export default function Board() {
     setActive(false);
     alert('O wins!');
   }
-
   
-
   function ResetGame() {
     setActive(true);
     setCurrentPlayer('X');
diff --git a/src/components/Tile/Tile.css b/src/components/Tile/Tile.css
index 5c35eec..137db39 100644
--- a/src/components/Tile/Tile.css
+++ b/src/components/Tile/Tile.css
@@ -5,4 +5,5 @@
   border: 2px solid;
   box-sizing: border-box;
   background-color: aquamarine;
+  font-size: 3em;
 }
\ No newline at end of file

From 16ee9e24d6f7c56304df99146bff76c0ba9d374a Mon Sep 17 00:00:00 2001
From: Connor McCue <connor.mccue@comcast.net>
Date: Tue, 4 Oct 2022 18:22:25 -0700
Subject: [PATCH 18/23] added more css

---
 src/components/Board/Board.css | 5 +++++
 src/components/Board/Board.js  | 4 ++--
 src/components/Tile/Tile.css   | 1 +
 3 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/components/Board/Board.css b/src/components/Board/Board.css
index f6c43fa..92b2645 100644
--- a/src/components/Board/Board.css
+++ b/src/components/Board/Board.css
@@ -12,4 +12,9 @@
   display: flex;
   flex-wrap: wrap;
   flex-direction: row;
+}
+
+.message {
+  font-size: 2em;
+  margin: 10px;
 }
\ No newline at end of file
diff --git a/src/components/Board/Board.js b/src/components/Board/Board.js
index bdff08a..92bde52 100644
--- a/src/components/Board/Board.js
+++ b/src/components/Board/Board.js
@@ -64,7 +64,7 @@ export default function Board() {
     setActive(false);
     alert('O wins!');
   }
-  
+
   function ResetGame() {
     setActive(true);
     setCurrentPlayer('X');
@@ -112,7 +112,7 @@ export default function Board() {
     <main>
       <div className = "message">WELCOME TO ALCHEMY TIC TAC-O</div>
       <div className = "message">It is {currentPlayer}s turn</div>
-      <button onClick={ResetGame}>reset game</button>
+      <button onClick={ResetGame}>Reset game</button>
       <div className = "board">
         <div className="row">
           <Tile key={board[0].place} location={0} />
diff --git a/src/components/Tile/Tile.css b/src/components/Tile/Tile.css
index 137db39..ace138b 100644
--- a/src/components/Tile/Tile.css
+++ b/src/components/Tile/Tile.css
@@ -6,4 +6,5 @@
   box-sizing: border-box;
   background-color: aquamarine;
   font-size: 3em;
+  text-align: center;
 }
\ No newline at end of file

From 4a133d063e1aed4c0f9a5c925c0a550b608789a1 Mon Sep 17 00:00:00 2001
From: Connor McCue <connor.mccue@comcast.net>
Date: Thu, 6 Oct 2022 15:26:44 -0700
Subject: [PATCH 19/23] fixed double win alerts

---
 src/components/Board/Board.js | 129 ++++++++++++++++++----------------
 src/components/Tile/Tile.js   |  13 +++-
 2 files changed, 80 insertions(+), 62 deletions(-)

diff --git a/src/components/Board/Board.js b/src/components/Board/Board.js
index 92bde52..9afee1c 100644
--- a/src/components/Board/Board.js
+++ b/src/components/Board/Board.js
@@ -6,69 +6,82 @@ import { GameContext } from '../../context/GameContext';
 
 export default function Board() {
   const { board, setBoard, active, setActive, currentPlayer, setCurrentPlayer } = useContext(GameContext);
-  // check for cats game
-  if (active && 
-    board[0].value && 
-    board[1].value &&
-    board[2].value &&
-    board[3].value &&
-    board[4].value && 
-    board[5].value &&
-    board[6].value &&
-    board[7].value &&
-    board[8].value) {
-    setActive(false);
-    alert('cats game!');
-  }
-  
+
+  const checkWinner = () => {
+    if (!active)
+      return;
     // conditions for player X to win
-  if (board[0].value === 'X' && board[1].value === 'X' && board[2].value === 'X') {
-    setActive(false);
-    alert('X wins!');
-  }
-  if (board[3].value === 'X' && board[4].value === 'X' && board[5].value === 'X') {
-    setActive(false);
-    alert('X wins!');
-  }
-  if (board[6].value === 'X' && board[7].value === 'X' && board[8].value === 'X') {
-    setActive(false);
-    alert('X wins!');
-  }
-  if (board[0].value === 'X' && board[4].value === 'X' && board[8].value === 'X') {
-    setActive(false);
-    alert('X wins!');
-  }
-  if (board[6].value === 'X' && board[4].value === 'X' && board[2].value === 'X') {
-    setActive(false);
-    alert('X wins!');
-  }
+      // check for cats game
+    if (active && 
+      board[0].value && 
+      board[1].value &&
+      board[2].value &&
+      board[3].value &&
+      board[4].value && 
+      board[5].value &&
+      board[6].value &&
+      board[7].value &&
+      board[8].value) {
+      setActive(false);
+      alert('cats game!');
+    }
+    if (board[0].value === 'X' && board[1].value === 'X' && board[2].value === 'X') {
+      setActive(false);
+      alert('X wins!');
+    }
+    if (board[3].value === 'X' && board[4].value === 'X' && board[5].value === 'X') {
+      setActive(false);
+      alert('X wins!');
+    }
+    if (board[6].value === 'X' && board[7].value === 'X' && board[8].value === 'X') {
+      setActive(false);
+      alert('X wins!');
+    }
+    if (board[0].value === 'X' && board[4].value === 'X' && board[8].value === 'X') {
+      setActive(false);
+      alert('X wins!');
+    }
+    if (board[6].value === 'X' && board[4].value === 'X' && board[2].value === 'X') {
+      setActive(false);
+      alert('X wins!');
+    }
+
+    // add vertical win conditions
+  
+    // conditions for player O to win
+    if (board[0].value === 'O' && board[1].value === 'O' && board[2].value === 'O') {
+      setActive(false);
+      alert('O wins!');
+    }
+    if (board[3].value === 'O' && board[4].value === 'O' && board[5].value === 'O') {
+      setActive(false);
+      alert('O wins!');
+    }
+    if (board[6].value === 'O' && board[7].value === 'O' && board[8].value === 'O') {
+      setActive(false);
+      alert('O wins!');
+    }
+    if (board[0].value === 'O' && board[4].value === 'O' && board[8].value === 'O') {
+      setActive(false);
+      alert('O wins!');
+    }
+    if (board[6].value === 'O' && board[4].value === 'O' && board[2].value === 'O') {
+      setActive(false);
+      alert('O wins!');
+    }
+  };
+
+  checkWinner();
 
-  // conditions for player O to win
-  if (board[0].value === 'O' && board[1].value === 'O' && board[2].value === 'O') {
-    setActive(false);
-    alert('O wins!');
-  }
-  if (board[3].value === 'O' && board[4].value === 'O' && board[5].value === 'O') {
-    setActive(false);
-    alert('O wins!');
-  }
-  if (board[6].value === 'O' && board[7].value === 'O' && board[8].value === 'O') {
-    setActive(false);
-    alert('O wins!');
-  }
-  if (board[0].value === 'O' && board[4].value === 'O' && board[8].value === 'O') {
-    setActive(false);
-    alert('O wins!');
-  }
-  if (board[6].value === 'O' && board[4].value === 'O' && board[2].value === 'O') {
-    setActive(false);
-    alert('O wins!');
-  }
 
   function ResetGame() {
     setActive(true);
     setCurrentPlayer('X');
     setBoard([
+      {
+        place: 0,
+        value: ''
+      },
       {
         place: 1,
         value: ''
@@ -100,10 +113,6 @@ export default function Board() {
       {
         place: 8,
         value: ''
-      },
-      {
-        place: 9,
-        value: ''
       }
     ]);
   }
diff --git a/src/components/Tile/Tile.js b/src/components/Tile/Tile.js
index b5ec884..557a471 100644
--- a/src/components/Tile/Tile.js
+++ b/src/components/Tile/Tile.js
@@ -5,18 +5,27 @@ import './Tile.css';
 
 
 export default function Tile({ location }) {
-  const { board, active, currentPlayer, setCurrentPlayer } = useContext(GameContext);
+  const { board, setBoard, active, currentPlayer, setCurrentPlayer } = useContext(GameContext);
   
   function handleTileClick() {
     if (!active) {
       return;
     } else {
-      board[location].value = currentPlayer;
       if (currentPlayer === 'X') {
         setCurrentPlayer('O');
       } else {
         setCurrentPlayer('X');
       }
+      setBoard((prevState) => {
+        return prevState.map((space)=>{
+          if (space.place === location) {
+            return { place: location, value: currentPlayer };
+          } else {
+            return { ...space };
+          }
+        });
+      });
+
     }
   }
 

From 5e594a0d207b365556d2b6669ccc981fe2ac4001 Mon Sep 17 00:00:00 2001
From: Connor McCue <connor.mccue@comcast.net>
Date: Thu, 13 Oct 2022 15:33:57 -0700
Subject: [PATCH 20/23] moved game logic to gamecontext

---
 src/components/Board/Board.js |  69 +---------------------
 src/context/GameContext.js    | 105 ++++++++++++++++++++++++++++++++++
 2 files changed, 106 insertions(+), 68 deletions(-)

diff --git a/src/components/Board/Board.js b/src/components/Board/Board.js
index 9afee1c..1c3edb2 100644
--- a/src/components/Board/Board.js
+++ b/src/components/Board/Board.js
@@ -5,74 +5,7 @@ import { useContext } from 'react';
 import { GameContext } from '../../context/GameContext';
 
 export default function Board() {
-  const { board, setBoard, active, setActive, currentPlayer, setCurrentPlayer } = useContext(GameContext);
-
-  const checkWinner = () => {
-    if (!active)
-      return;
-    // conditions for player X to win
-      // check for cats game
-    if (active && 
-      board[0].value && 
-      board[1].value &&
-      board[2].value &&
-      board[3].value &&
-      board[4].value && 
-      board[5].value &&
-      board[6].value &&
-      board[7].value &&
-      board[8].value) {
-      setActive(false);
-      alert('cats game!');
-    }
-    if (board[0].value === 'X' && board[1].value === 'X' && board[2].value === 'X') {
-      setActive(false);
-      alert('X wins!');
-    }
-    if (board[3].value === 'X' && board[4].value === 'X' && board[5].value === 'X') {
-      setActive(false);
-      alert('X wins!');
-    }
-    if (board[6].value === 'X' && board[7].value === 'X' && board[8].value === 'X') {
-      setActive(false);
-      alert('X wins!');
-    }
-    if (board[0].value === 'X' && board[4].value === 'X' && board[8].value === 'X') {
-      setActive(false);
-      alert('X wins!');
-    }
-    if (board[6].value === 'X' && board[4].value === 'X' && board[2].value === 'X') {
-      setActive(false);
-      alert('X wins!');
-    }
-
-    // add vertical win conditions
-  
-    // conditions for player O to win
-    if (board[0].value === 'O' && board[1].value === 'O' && board[2].value === 'O') {
-      setActive(false);
-      alert('O wins!');
-    }
-    if (board[3].value === 'O' && board[4].value === 'O' && board[5].value === 'O') {
-      setActive(false);
-      alert('O wins!');
-    }
-    if (board[6].value === 'O' && board[7].value === 'O' && board[8].value === 'O') {
-      setActive(false);
-      alert('O wins!');
-    }
-    if (board[0].value === 'O' && board[4].value === 'O' && board[8].value === 'O') {
-      setActive(false);
-      alert('O wins!');
-    }
-    if (board[6].value === 'O' && board[4].value === 'O' && board[2].value === 'O') {
-      setActive(false);
-      alert('O wins!');
-    }
-  };
-
-  checkWinner();
-
+  const { board, setBoard, setActive, currentPlayer, setCurrentPlayer } = useContext(GameContext);
 
   function ResetGame() {
     setActive(true);
diff --git a/src/context/GameContext.js b/src/context/GameContext.js
index f5d3249..cf98959 100644
--- a/src/context/GameContext.js
+++ b/src/context/GameContext.js
@@ -25,6 +25,111 @@ const GameProvider = ({ children }) => {
     setCurrentPlayer
   };
 
+  const checkWinner = () => {
+    if (!active)
+      return;
+    // conditions for player X to win
+
+    if (board[0].value === 'X' && board[1].value === 'X' && board[2].value === 'X') {
+      setActive(false);
+      alert('X wins!');
+      return;
+    }
+    if (board[3].value === 'X' && board[4].value === 'X' && board[5].value === 'X') {
+      setActive(false);
+      alert('X wins!');
+      return;
+    }
+    if (board[6].value === 'X' && board[7].value === 'X' && board[8].value === 'X') {
+      setActive(false);
+      alert('X wins!');
+      return;
+    }
+    if (board[0].value === 'X' && board[4].value === 'X' && board[8].value === 'X') {
+      setActive(false);
+      alert('X wins!');
+      return;
+    }
+    if (board[6].value === 'X' && board[4].value === 'X' && board[2].value === 'X') {
+      setActive(false);
+      alert('X wins!');
+      return;
+    }
+    if (board[0].value === 'X' && board[3].value === 'X' && board[6].value === 'X') {
+      setActive(false);
+      alert('X wins!');
+      return;
+    }
+    if (board[1].value === 'X' && board[4].value === 'X' && board[7].value === 'X') {
+      setActive(false);
+      alert('X wins!');
+      return;
+    }
+    if (board[2].value === 'X' && board[5].value === 'X' && board[8].value === 'X') {
+      setActive(false);
+      alert('X wins!');
+      return;
+    }
+  
+    // conditions for player O to win
+    if (board[0].value === 'O' && board[1].value === 'O' && board[2].value === 'O') {
+      setActive(false);
+      alert('O wins!');
+      return;
+    }
+    if (board[3].value === 'O' && board[4].value === 'O' && board[5].value === 'O') {
+      setActive(false);
+      alert('O wins!');
+      return;
+    }
+    if (board[6].value === 'O' && board[7].value === 'O' && board[8].value === 'O') {
+      setActive(false);
+      alert('O wins!');
+      return;
+    }
+    if (board[0].value === 'O' && board[4].value === 'O' && board[8].value === 'O') {
+      setActive(false);
+      alert('O wins!');
+      return;
+    }
+    if (board[6].value === 'O' && board[4].value === 'O' && board[2].value === 'O') {
+      setActive(false);
+      alert('O wins!');
+      return;
+    }
+    if (board[0].value === 'O' && board[3].value === 'O' && board[6].value === 'O') {
+      setActive(false);
+      alert('X wins!');
+      return;
+    }
+    if (board[1].value === 'O' && board[4].value === 'O' && board[7].value === 'O') {
+      setActive(false);
+      alert('X wins!');
+      return;
+    }
+    if (board[2].value === 'O' && board[5].value === 'O' && board[8].value === 'O') {
+      setActive(false);
+      alert('X wins!');
+      return;
+    }
+    // check for cats game
+    else if (active && 
+      board[0].value && 
+      board[1].value &&
+      board[2].value &&
+      board[3].value &&
+      board[4].value && 
+      board[5].value &&
+      board[6].value &&
+      board[7].value &&
+      board[8].value) {
+      setActive(false);
+      alert('cats game!');
+    }
+  };
+  checkWinner();
+
+
   return <GameContext.Provider value = {{ ...gameState }}>{children}</GameContext.Provider>;
 };
 

From c6ea03d1b2d481641d5dd1a8c0d498c079ff0ffc Mon Sep 17 00:00:00 2001
From: Connor McCue <connor.mccue@comcast.net>
Date: Thu, 13 Oct 2022 15:37:23 -0700
Subject: [PATCH 21/23] fixed some game logic

---
 src/components/Tile/Tile.js | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/components/Tile/Tile.js b/src/components/Tile/Tile.js
index 557a471..345d8f6 100644
--- a/src/components/Tile/Tile.js
+++ b/src/components/Tile/Tile.js
@@ -11,15 +11,15 @@ export default function Tile({ location }) {
     if (!active) {
       return;
     } else {
-      if (currentPlayer === 'X') {
-        setCurrentPlayer('O');
-      } else {
-        setCurrentPlayer('X');
-      }
+
       setBoard((prevState) => {
         return prevState.map((space)=>{
-          if (space.place === location) {
-            return { place: location, value: currentPlayer };
+          if (space.place - 1 === location && space.value === '') {
+            if (currentPlayer === 'X') {
+              setCurrentPlayer('O');
+            } else {
+              setCurrentPlayer('X');
+            } return { place: location, value: currentPlayer };
           } else {
             return { ...space };
           }

From 00a9f5c77549615e8a67d5f211067b9a2ed7d5e9 Mon Sep 17 00:00:00 2001
From: Connor McCue <connor.mccue@comcast.net>
Date: Thu, 13 Oct 2022 15:41:38 -0700
Subject: [PATCH 22/23] bugfix

---
 src/components/Board/Board.js | 2 +-
 src/components/Tile/Tile.js   | 3 +--
 src/initial-board-data.js     | 8 ++++----
 3 files changed, 6 insertions(+), 7 deletions(-)

diff --git a/src/components/Board/Board.js b/src/components/Board/Board.js
index 1c3edb2..56561d0 100644
--- a/src/components/Board/Board.js
+++ b/src/components/Board/Board.js
@@ -49,7 +49,7 @@ export default function Board() {
       }
     ]);
   }
-
+  console.log(board);
   return (
     <main>
       <div className = "message">WELCOME TO ALCHEMY TIC TAC-O</div>
diff --git a/src/components/Tile/Tile.js b/src/components/Tile/Tile.js
index 345d8f6..ce01145 100644
--- a/src/components/Tile/Tile.js
+++ b/src/components/Tile/Tile.js
@@ -11,10 +11,9 @@ export default function Tile({ location }) {
     if (!active) {
       return;
     } else {
-
       setBoard((prevState) => {
         return prevState.map((space)=>{
-          if (space.place - 1 === location && space.value === '') {
+          if (space.place === location && space.value === '') {
             if (currentPlayer === 'X') {
               setCurrentPlayer('O');
             } else {
diff --git a/src/initial-board-data.js b/src/initial-board-data.js
index 3d933a1..bfb7a64 100644
--- a/src/initial-board-data.js
+++ b/src/initial-board-data.js
@@ -1,4 +1,8 @@
 export default [
+  {
+    place: 0,
+    value: ''
+  },
   {
     place: 1,
     value: ''
@@ -30,9 +34,5 @@ export default [
   {
     place: 8,
     value: ''
-  },
-  {
-    place: 9,
-    value: ''
   }
 ];
\ No newline at end of file

From e7ce768160d086164342f94907fbc7bccb0b07c3 Mon Sep 17 00:00:00 2001
From: Connor McCue <connor.mccue@comcast.net>
Date: Fri, 14 Oct 2022 09:06:57 -0700
Subject: [PATCH 23/23] removed console statement

---
 src/components/Board/Board.js | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/components/Board/Board.js b/src/components/Board/Board.js
index 56561d0..58ce448 100644
--- a/src/components/Board/Board.js
+++ b/src/components/Board/Board.js
@@ -49,7 +49,6 @@ export default function Board() {
       }
     ]);
   }
-  console.log(board);
   return (
     <main>
       <div className = "message">WELCOME TO ALCHEMY TIC TAC-O</div>