Skip to content

Front-End of a group project: Multiplayer pictionary game. JavaScript, CSS, HTML, React-Redux

Notifications You must be signed in to change notification settings

LeoniePeters/Drawbsurd-game-client

 
 

Repository files navigation

✏️ Drawbsurd 🎨

Sharing laughs and ridicule with your friends, even when you are far apart has never been this fun and creative! This is not just a one-on-one game, but a real multi-player game. Enter a new game, the first player's turn is to make a drawing that gives expression to the proposed frase*. The other players can guess what is being drawn. These guesses are displayed to the first player. Open your mind, be silly!

*Frases include insider jokes for coders and Codaisseur - the educational program we made this app for.

Check out the back-end repo here

How it looks:

game view

Jump to:

Used Technologies
Goals for this project
User Stories
Git workflow
Agile workflow and trello board

Used Technologies:

Click links to view some samples in this project 👇

Goals for this project

This app was build for a Codaisseur Code Academy group project

User Stories

  • Users can sign up and login
  • The Game can be played by more than one player on different devices and internet connections.
  • The instrucional phrase for every game is picked randomly for every game.
  • The player who draws gets a clean canvas and can pick different colors and sizes to draw with and can undo changes.
  • The drawing can be seen by the other players as live as possible (every time a line is drawn it gets send to the other players).
  • Guessing players can type in their guesses and send them to the drawing player.
  • When a player guesses correctly the game ends and the display for all players is the final drawing, the submitted guess and the winner's name
  • Finished games stay saved for the memory of the fun times spend.

Git workflow

In this project I try to use:

  • Good commit messages
  • Well named branches
  • Pull requests with summaries

If you have feedback to improve my git usage: please drop me a line!

Agile workflow and trello board

We held daily stand-up meetings. We created a Trello board with the lists:

  • User stories
  • Today's goals
  • To do
  • Done

About

Front-End of a group project: Multiplayer pictionary game. JavaScript, CSS, HTML, React-Redux

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 90.9%
  • CSS 4.6%
  • HTML 4.5%