Open the live app in your browser with this link: https://deanssmart.github.io/frankenstyle/
Interactive four player Pictionary style game where players take it in turns to draw and guess randomized words.
- JavaScript
- React
- Redux
- JSX
- HTML/CSS
- Git (version managed)
- Laravel (Backend)
- User input player names
- Drawing canvas with mouse or touch input
- backend database of played games (future feature to have a history table)
- Fun for all the family 👍
- Enter player names and click 'Start'
- Player 1 is given a word, and an image for reference
- When they are ready they click the 'Ready' button
- On the sketch pad they attempt to draw the word they were given and when they are finished they click 'Submit'
- Player 2 then guesses what the drawing that player 1 just drew, represents, by typing in the input form and clicking 'Submit'.
- Player 3 then tries to draw the word that player 2 just guessed.
- Finally player 4 has to guess what player 3 has just drawn
- After player 4 submits their guess the original word, image and all the player drawings and guesses are presented for everyone to see.
- Create a local directory on your machine
- Run the following code in your command line to navigate into that directory:
$ cd ~/your-directory-name-here-
Copy the SSH key from this GitHub repository
git@github.com:deanssmart/frankenstyle.git -
Run the following code in your command line to clone the repo to your machine (you can change the app-name to what you desire):
git clone git@github.com:deanssmart/frankenstyle.git <app-name>- Navigate to your new app directory (the app name you just picked):
$ cd app-name- Install the dependencies:
npm i- Run the following command to launch the app in your default browser at http://localhost:3000/:
npm start- Enjoy
- Marta Kobylinska https://github.com/mmkobylin
- Oliver Ballon https://github.com/OlBal