diff --git a/01week/helloworld.js b/01week/helloworld.js
new file mode 100644
index 000000000..8274abb6f
--- /dev/null
+++ b/01week/helloworld.js
@@ -0,0 +1,3 @@
+"use strict"
+
+ console.log("Hello World!");
\ No newline at end of file
diff --git a/03week/ticTac.css b/03week/ticTac.css
new file mode 100644
index 000000000..612d731b3
--- /dev/null
+++ b/03week/ticTac.css
@@ -0,0 +1,170 @@
+*, *::after, *::before {
+ box-sizing: border-box;
+}
+
+:root {
+ --cell-size: 100px;
+ --mark-size: calc(var(--cell-size) * .9);
+
+}
+body {
+ margin: 0;
+
+}
+.board {
+ width: 100vh;
+ height: 100vh;
+ display: grid;
+ justify-content: center;
+ align-content: center;
+ justify-items: center;
+ align-items: center;
+ grid-template-columns: repeat(3, auto)
+}
+
+
+.cell {
+ width: var(--cell-size);
+ height: var(--cell-size);
+ border: 1px solid black;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ position: relative;
+ cursor: pointer;
+
+
+}
+
+.cell:first-child,
+.cell:nth-child(2),
+.cell:nth-child(3) {
+ border-top: none;
+}
+
+.cell:nth-child(3n + 1) {
+ border-left: none;
+
+}
+
+.cell:nth-child(3n + 3) {
+ border-right: none;
+
+}
+
+.cell:last-child,
+.cell:nth-child(8),
+.cell:nth-child(7) {
+ border-bottom: none;
+}
+
+.cell.x,
+.cell.circle {
+ cursor: not-allowed;
+
+}
+
+
+.cell.x::before,
+.cell.x::after,
+.cell.circle::before {
+ background-color: black;
+
+}
+
+
+
+
+.board.x .cell:not(.x):not(.circle):hover::before,
+.board.x .cell:not(.x):not(.circle):hover::after,
+.board.circle .cell:not(.x):not(.circle):hover::before {
+ background-color: lightgrey;
+
+}
+
+
+.cell.x::before,
+.cell.x::after,
+.board.x .cell:not(.x):not(.circle):hover::before,
+.board.x .cell:not(.x):not(.circle):hover::after {
+content: ' ';
+position: absolute;
+width: calc(var(--mark-size) * .15);
+height: var(--mark-size);
+
+
+}
+
+.cell.x::before,
+.board.x .cell:not(.x):not(.circle):hover::before {
+ transform: rotate(45deg);
+
+}
+
+.cell.x::after,
+.board.x .cell:not(.x):not(.circle):hover::after {
+ transform: rotate(-45deg);
+
+}
+
+.cell.circle::before,
+.cell.circle::after,
+.board.circle .cell:not(.x):not(.circle):hover::before,
+.board.circle .cell:not(.x):not(.circle):hover::after {
+content: ' ';
+position: absolute;
+border-radius: 50%;
+
+
+}
+
+.cell.circle::before,
+.board.circle .cell:not(.x):not(.circle):hover::before {
+ width: var(--mark-size);
+ height: var(--mark-size);
+
+}
+
+.cell.circle::after,
+.board.circle .cell:not(.x):not(.circle):hover::after {
+ width: calc(var(--mark-size) * .7);
+ height: calc(var(--mark-size) * .7);
+ background-color: white;
+}
+
+.winning-message{
+ display: none;
+ position: fixed;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ background-color: rgba(0, 0, 0, .9);
+ justify-content: center;
+ align-items: center;
+ color: white;
+ font-size: 5rem;
+ flex-direction: column;
+
+}
+
+.winning-message button{
+ font-size: 3rem;
+ background-color: white;
+ border: 1px solid black;
+ padding: .25em .5em;
+ cursor: pointer;
+}
+
+.winning-message button:hover {
+ background-color: black;
+ color: white;
+ border-color: white;
+
+
+}
+
+.winning-message .show {
+ display: flex;
+
+}
diff --git a/03week/ticTac.html b/03week/ticTac.html
new file mode 100644
index 000000000..bdd29dfbc
--- /dev/null
+++ b/03week/ticTac.html
@@ -0,0 +1,28 @@
+
+
+
+
+
+
+
+ ticTacToeGUI
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/03week/ticTacGUI.js b/03week/ticTacGUI.js
new file mode 100644
index 000000000..d96912784
--- /dev/null
+++ b/03week/ticTacGUI.js
@@ -0,0 +1,84 @@
+const X_CLASS = 'x'
+const CIRCLE_CLASS = 'circle'
+const WINNING_COMBINATIONS = [
+ [0, 1, 2],
+ [3, 4, 5],
+ [6, 7, 8],
+ [0, 3, 6],
+ [1, 4, 7],
+ [2, 5, 8],
+ [0, 4, 8],
+ [2, 4, 6]
+]
+const winningMessageElement = document.getElementById('winningMessage')
+const cellElements = document.querySelectorAll(`[data-cell]`)
+const board = document.getElementById('board')
+const winningMessageTextElement = document.querySelector(`[data-winning-message-text]`)
+let circleTurn
+
+startGame()
+
+function startGame() {
+ circleTurn = false
+ cellElements.forEach(cell => {
+ cell.addEventListener('click', handleClick, {once: true})
+
+})
+setBoardHoverCLass()
+}
+
+
+
+function handleClick(e) {
+
+ const cell =e.target
+ const currentClass = circleTurn ? CIRCLE_CLASS : X_CLASS
+ placeMark(cell, currentClass)
+ if(checkWin(currentClass)) {
+ endGame(false)
+
+ }
+ //CHeck for win
+ //check for a draw
+ //switch turns
+ swapTurns()
+ setBoardHoverCLass()
+}
+
+function endGame(draw) {
+ if (draw) {
+
+ } else {
+ winningMessageTextElement.innerText = `${circleTurn ? "O's" : "X's"} Wins!`
+}
+ winningMessageElement.classList.add('show')
+}
+
+ function placeMark(cell, currentClass){
+ cell.classList.add(currentClass)
+}
+
+function swapTurns() {
+ circleTurn = !circleTurn
+
+}
+
+function setBoardHoverCLass() {
+ board.classList.remove(X_CLASS)
+ board.classList.remove(CIRCLE_CLASS)
+ if(circleTurn) {
+ board.classList.add(CIRCLE_CLASS)
+ } else {
+ board.classList.add(X_CLASS)
+ }
+
+}
+
+function checkWin(currentClass) {
+ return WINNING_COMBINATIONS.some(combination => {
+ return combination.every(index => {
+ return cellElements[index].classList.contains(currentClass)
+ }
+ )
+ })
+}
\ No newline at end of file