susannaopal / tic-tac-toe

final solo project

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Tic-Tac-Toe

Mod1 (2108) Final Solo Project Find the project [here] (file:///Users/susannacarey/turing/mod_1/tic-tac-toe/index.html)

Table of Contents

Abstract

  • Tic-tac-toe is a game of strategy.
  • This app will allow for two different players to play a game.
  • Player 1 (Team Buffalo) and Player 2 (Team Mountain) compete against one another to see who can place their tokens on three blocks in a row first.
  • Players can add tokens to block horizontally, vertically, and diagonally.
  • The first player to place three tokens in a row will be the winner, else the game will end in a tied draw.
  • Player is also attempting to keep their opponent from being able to place three blocks in a row to divert from a win for them.
  • A timeout will occur after a game is won or falls to a draw that automatically updates for another game.
  • Wins are stored for each player and are showcased by team on the side, they will remain despite page reload, with a message to tell if there is a winner or a draw. Additionally, the app will tell which player plays next.

Technologies

  • Atom
  • Chrome
  • Javascript
  • CSS
  • HTML

Code Architecture

  • Javascript
  • CSS
  • HTML

##Screenshots of Project: Start of new game: Screen Shot 2021-09-28 at 10 26 40 PM

Player 1 plays first token: Screen Shot 2021-09-28 at 10 26 51 PM

Player 2 plays a token: Screen Shot 2021-09-28 at 10 27 01 PM

Example of a draw and a win: Screen Shot 2021-09-28 at 10 31 17 PM Screen Shot 2021-09-28 at 10 32 46 PM

Contributors

Project Manager

Wins

  • Creating a fully functional tic-tac-toe game from scratch
  • Putting into practice everything that has been taught this inning and learning more as needed for this project

Challenges + Improvements

  • Making sure that all of the functionality is working correctly to connect the data model to the DOM
  • In the future, I would like to further refactor all of my JS files to ensure DRYer/SRP code
  • Being able to better troubleshoot any issues/bug

Project Specs

  • The project spec & rubric can be found here

About

final solo project


Languages

Language:JavaScript 58.5%Language:HTML 23.4%Language:CSS 18.0%