Giter Site home page Giter Site logo

onlinemultiplayeruno's Introduction

Online Multiplayer Uno

With House Rules!

A fun project, written by Conor Riches

Running

This project is built with React and NodeJS. The card images are from Wikipedia. House rules are enforced!

Prerequisites

Installing

  • Clone
  • cd online-multiplayer-uno
  • npm i
    • this installs node_modules
  • npm run build
    • this creates performant client code
  • npm start
    • under the hood this runs pm2 [start|restart|stop] ecosystem.config.js --env production
    • this will keep the server up and running
    • run pm2 list to keep an eye for any restarts (indicating an error)
  • Visit the URL - default is localhost:5000 for dev and port 80 for production.

Development

This uses websockets for communication.

/src/server/index.js is where the fun starts.

When running locally, you need to run both the server and client separately:

  • This enables hot reloading of your work, so no need to refresh
  • Also means you don't need to run npm build every time you make a change

onlinemultiplayeruno's People

Contributors

conorriches avatar

Stargazers

Julien Muggli avatar

Watchers

James Cloos avatar

onlinemultiplayeruno's Issues

[Pre/Ap]pend newly drawn cards

New cards are appended to your hand. When drawing large numbers of cards this may cause scrolling to see what the newly drawn card is and if it can be played.

Suggest that newly drawn cards are prepended to your hand so that they’re always visible irrespective of screen or hand size.

Action buttons

Suggestion:
Move action buttons to between the deck/discard piles and the players hand

Draw card - consistency

Sometimes a player can draw up to 5 cards whilst having a playable card in their hand. Other times they can't draw a card.

Look to fix the logic behind limiting drawing

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.