Skip to content

daurham/1000BlankWhiteCards

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

97 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

1000BlankWhiteCards

React.js Socket.io NodeJS Express MySQL BootStrap MaterialUI StyledComponents

About The Project

  • This application is intended for lovers of the game 1000 Blank White Cards.
  • Rules on how to play are inside.
  • Requires 4 players.
  • Simulates the real game.

How to use:

  • To use this application, first fork and clone this repo (the client) and our microservices repo (the server).
  • In both repos, type "npm install".

Client:

  • Type "npm start".
  • Type "npm run server".
  • Have fun with 4 friends locally.
  • (Optional: Deploy to play with friends online.)

Server:

Navigating The App:

Loading the Lobby

  • The home page allows the users to input their username and then select between the lobby or the library.
  • If the lobby is selected the user will enter the lobby which will update live as other users join the lobby until a the lobby is full (4 players)

Creating a Card

  • If a user selects the "Add a Card" button, a modal will pop up
  • Users will be able to:
    • Draw whatever their imagination allows them to
    • Select from multiple colors
    • Select themselves as the card creator from a dropdown of users
    • Give a card a point value (must be a number)
    • Input the rules of a card
    • Input tags to cards, inorder to search in the library

  • Note: All cards created will be stored in the Card Library.

Editing the Game Deck

  • Once All the desired cards have been created, users will be able to select which cards they want in the game deck
  • Options include any newly created cards, as well as cards that are saved in the library from previous games.

In Game User View

  • Upon entering the game, the board pops up with a deck in the center and a "Draw" button that is active as long as there are cards in the deck.
  • When a user clicks on the draw button, their hand will be populated but those cards will be hidden from the rest of the users
  • The user will be able to click on a card in their hand and drag it to any other players section of the board to place it infront of that player.

Contact the Team:

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 100.0%