Go Fish Client

This app allows users to play a fun game of Go Fish. Here's the deployed version of Go Fish: Go Fish

Demo Accounts:

• playerName: Miles Morales
• email address: SpiderMan@gmail.com
• password: Foobar!123

OR

• playerName: Frozone
• email address: FroZone@incredibles.com
• password: Boobaz!123

Table of Contents

• Demo Accounts
• Quick App Demo
• A More Detailed Look
• Storytime
• Tech Stack
  • Front End
  • Testing
  • Production
• Getting Started
  • Server Setup
• Upcoming Features
• About the Devs
• Special Thanks

Quick App Demo

A More Detailed Look

These links show screenshots of the app with the components they're referencing labeled as well.

Note: component names are listed in the green boxes

• GAME TABLE
• CHAT
• LOGIN FORM
• REGISTRATION FORM

Storytime

Go Fish is a classic children's card game where users try to win the most books (a matching set of cards). Throughout the game, users can chat with one another. Also, the game displays updates of what's going on between players. For example, if player 1 asks player 3 for a card. Then the display will show whether or not player 3 told player 1 to go fish. The term "go fish" refers to when users have to draw a card from the deck. Currently, users can also see a card be added to other player's hands. Within the game, users are only displayed their own cards [note: other users' cards are not displayed in state, for you devs who might be wondering ;)]. There's more notes on game play under Getting Started. Overall, this was an exciting project to start, because we had no prior experience to building a gaming application, but we took on the challenge! We have a few upcoming users stories that we're excited to implement as well!

Fun tidbits:

• This app utilizes socket.io technology. It was our first time incorporating this tech and we're really excited to see the game in production mode!

• The player avatars were created using gravatar (globally recognized avatars)

• These playing cards were custom made!

  • Here's an example of the backside: Back of Playing Card

  • Here's an example of the frontside: Front of Playing Card

Tech Stack

Front End

• React
  • Create React App
  • React Router
• Socket.io
• HTML5
• CSS3

Testing

• Jest (Smoke tests)

Production

• Deployed via Vercel

Getting Started

Clone this repository to your local machine

git clone https://github.com/thinkful-ei-rabbit/capstone-three-client-team-b.git Go-Fish-client

Change directory into the cloned repository

cd capstone-three-client-team-b

Make a fresh start of the git history for this project

rm -rf .git && git init

Install the node dependencies

npm install

Server Setup

Follow the setup instructions to get Go Fish Server up and running.

Scripts to get started

Run the tests

npm t

Start the application

npm start

Notes on Game play

The rules are listed in the app, but in general you're trying to get the most books. A book for example would be a King of Diamonds, King of Hearts, King of Clubs and King of Spades. There's a total of 13 books that need to be collected to render an end game state. The game allows for up to 4 players, but only 2 players are required to start a game. NOTE: When testing the game, there are potential issues running the game in your browser multiple times due to the socket technology. Using the same account twice and using different accounts in the same browser will cause session issues with socket.io. To avoid these issues, open up 2 browsers and play with 1 player in each. Also, opening up an incognito google chrome window and a regular google chrome window allows the game to function properly as well.

Upcoming Features

• Returning users can view and edit their profile
• All users can view the leaderboard

About the Devs

-Caleb Jackson -Harry Winkler -Jason Stankevich -Malik DeJean -Michael Sliger

Special Thanks

To Thinkful's Engineering Immersion Course TAs, instructors and mentors!