Giter VIP home page Giter VIP logo

sketched-out's Introduction

Sketched Out

Sketched Out is a real-time multiplayer Pictionary-style online drawing game. Players join a room and take turns drawing while the others use the chat to guess what they drew. Sketched Out was built with React, Express, and Websockets.

Sketched Out in action

Setup

  • Clone the repo to your local machine.
  • Run npm install in the root directory to install all required dependencies.
  • Run npm start to run the webpack server.
  • In another terminal, CD into the /socket_server directory and run node server.js to start the socket server.
  • Visit localhost:3000 and start playing!

How it Works

Show off your artistic skills by drawing the word you are given when it's your turn to draw. The timer at the top of the canvas lets you know how much time you have left, and you have a variety of colors and brush thicknesses to choose from. Everything you draw is rendered in real time to all other connected clients.

If someone can guess what you drew, you are both awarded points! More points are awarded for a quick guess.

Fight for a spot on the main leaderboard. Every time you exit a game, the points you accumulated are added to your total. Try to end up on top!

Setup

  • Clone the repo to your local machine.
  • Run npm install in the root directory to install all required dependencies.
  • Run npm start to run the webpack server.
  • In another terminal, CD into the /socket_server directory and run node server.js to start the socket server.
  • Visit localhost:3000 and start playing!

Dependencies

  • npm
  • react
  • react-router
  • ws
  • express
  • mongoDB
  • material-ui/core
  • moment
  • jsonwebtoken
  • bcrypt
  • uuid
  • body-parser
  • progressbar
  • rc-progress

Thank you

Sketched Out was created by Jonathan Dannel, Monique Khoury, Gerry Suwignyo, and Farid Manafov as part of the Lighthouse Labs developer bootcamp, where it landed at first place on the final Demo Day. We sincerely appreciate the support we received before, during, and after its completion!

sketched-out's People

Contributors

jonathandannel avatar monique-k avatar suwignyo avatar monicao avatar hora avatar daegren avatar kvirani avatar vaz avatar

Stargazers

 avatar Will Zhang avatar  avatar Tim Johns avatar

Watchers

James Cloos avatar  avatar  avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.