Skip to content

A demonstration of using React and Firebase to implement a local/online Tic Tac Toe web app.

Notifications You must be signed in to change notification settings

509dave16/tic-tac-toe-react-firebase

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

32 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Demo

Summary

A Tic Tac Toe web app that was developed using React and Firebase along with Webpack. You can play either locally in one browser window or online across two browser windows.

Things To Do

  • 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

Missing image for Game Modes

2. Local Game

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

Missing Imagte for Game Status

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

Missing Image for Quit

  • You can also choose to Restart the game when finished

Missing Image for Restart

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

Missing Image for Hosting Game

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

Missing Image for Game Status

  • 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

Missing Image for Quit

  • 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

Missing Image for Restart

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

Missing Image for Joining Game

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

Missing Image for Game Status

  • 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

Missing Image for Quit

About

A demonstration of using React and Firebase to implement a local/online Tic Tac Toe web app.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published