Tic Tac Toe example web app developed using the SAM pattern
JavaScript CSS HTML
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
public
src
.gitignore
README.md
browsersync.js
firebase.json
package.json
webpack.config.js

README.md

SAM Tic Tac Toe

This is a Tic Tac Toe client that depends upon a package I wrote that implements the SAM pattern. This client was developed utilizing React, Redux, Firebase, and Webpack. It is based off of a SAM Redux sample implemented by gunar.

Table Of Contents

Demo

Click here for Demo!

Summary

A Tic Tac Toe web app where you can play either locally in one browser window or online across two browser windows.

Additional Enhancements

  • Have hosting players enter a name for the game to be hosted
  • Allow players to see available sessions
  • Add Flash Messages

Usage

1. Select a Game Mode

Alt Text

2. Local Game

  • Follow the Game Status which indicates if it is X's turn or O's turn

Alt Text

  • You can Quit from the Game Mode at any time during the game

Alt Text

  • You can also choose to Restart the game when finished

Alt Text

3. Host Game

  • Once this game mode has been selected you will have to wait for a player to join your game

NOTE: You will need to provide the Session ID to the player that is to join your game

Alt Text

  • Once a player has joined, the Game Status will indicates if it is X's turn or O's turn

Alt Text

  • You can Quit from the Game Mode at any time before or after the game has started

NOTE: This will quit the game for the other player as well

Alt Text

  • You can also choose to Restart the game when you are finished, being the Host

NOTE: This will restart the game for the other player as well

Alt Text

4. Join Game

  • Once this game mode has been selected, use a Session ID that has been provided by another player to join a game

NOTE: You must enter a valid Session ID otherwise you will receive an alert indicating that it was incorrect

Alt Text

  • Once you have joined a game, the Game Status will indicates if it is X's turn or O's turn

Alt Text

  • You can Quit from the Game Mode at any time once the game has started

NOTE: This will quit the game for the other player as well

Alt Text