Git Product home page Git Product logo

multiplayer-hangman's Introduction

Multiplayer Hangman game

" A real-time multiplayer Hangman game. Yeah it's going to blow your damn mind! "

  • Real people

This project is getting a reboot this year, hopefully just in time for haktoberfest !

We're open to experienced people looking to try out a few tricks or offer help as well as anyone looking to build a starter portfolio.

Purpose

A collab project between Redditors with the purpose to learn new technologies as we go. This project has issues of varying difficulties so all are welcome. It was created to help devs advance in their skillset, have a bit of fun, and make something interesting.

Getting Started

Join our organisation by visiting here: https://orgmanager.miguelpiedrafita.com/join/32555830

Come hang out with us at our Discord channel here: https://discordapp.com/invite/erPjG7C

  1. Clone the repository, and go fork yourself.

  2. Pick an issue from the list OR come and ask one of us what you can help with

  3. Use your awesome coding skills to add features or fix bugs!

Contributing Requirements

  • You will need to be assigned a task before you can start working on any issues. Discord is generally a good way to go about this at the moment
  • Readability is key. If you find it's getting too long, separate it out
  • Flexibility: Make a "popWindow()" function, don't cross game logic with animation directly, and so on
  • Feedback is great - if you had difficulties, didn't understand something, or any other issues let us know

Running the project

In console:

git clone https://github.com/DevvitIO/Multiplayer-Hangman.git
npm install
npm start // will run webpack-dev-server, rebuilding the site when changes are made to any of the files.

// If it doesn't open automatically from npm start, then
// navigate browser to http://localhost:3000/

If installation turns out to be more complicated than this, that is completely our fault and please do let us know.

Seeking help

We're available on discord, or you can post a specific issue in the issues list here. We like questions!

If you want to...

To help you work out where to contribute before any motivation you had fizzles out and dies - here is my best guess as to where you might do that. (06/10/18)

Work on the game rules/logic...

You'll need to check client/clientGame.js and server/src/game.js

Work on the design...

client/index.html ( soon to be split into smaller files )

All scss files

Improve networking...

clientSocket.js

Create fun letter styles in css...

client/assets/_secretwords.scss

Make some swanky animations for the letters...

client/clientDisplay.js

Animate/Style the hangman...

client/assets/_hangman.scss or client/clientDisplay - depending on what your plans are

Create other visual assets

If you're a designer and want to create a logo, input panel, background effect, or pop up element (i.e congratulations panel ) just feel free to create and we'll help you implement it

Create a new hangman...

Pop open your favourite vector capable drawing programming ( illustrator for example ) and get drawing. The five body parts require an ID, so divide into layers appropriately.

Work on server side features like performance, multiple instances, player sharing, rooms...

Primarily server.js, and game.js, with a touch of clientSocket.js and some front end tools.

multiplayer-hangman's People

Contributors

gavinmccormack avatar spaceoso avatar michaelney avatar abderra7 avatar kenavr avatar jnelson180 avatar kaceygambill avatar tor020 avatar nawazishali avatar aayanqazi avatar rokoala avatar

Watchers

James Cloos avatar Marwen Kheder 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.