GithubHelp home page GithubHelp logo

pedrooaugusto / uno-card-game Goto Github PK

View Code? Open in Web Editor NEW
14.0 5.0 11.0 1.49 MB

:game_die: The UNO card game built in MERN stack

Home Page: https://uno-card-game.herokuapp.com/

License: Apache License 2.0

HTML 3.99% JavaScript 78.87% CSS 17.14%
mongodb express react nodejs socket-io online-game

uno-card-game's Introduction

UNO-card-game

The UNO card game built in MERN stack.
A online UNO card game version built with Node, React and SocketIO.
The application consist mainly of three pages:

  • [Home] In this page you can select or create a room to play
  • [Hall] In this page you wait for more people join to that room to start the game, if needed. (theres a chat too)
  • [Game] The actual game, in this page you play UNO with everyone in that room.

Online Version

https://uno-card-game.herokuapp.com/

Since I am using heroku for free the app will take while to start, but it will be worth.

WARNING

The project is not done yet... I would say:

  • [Home] - 99% done
  • [Hall] - 99% done
  • [Game] - 99% done

Getting Started

You can get a copy of this project up and running on your local machine using:

git clone https://github.com/pedrooaugusto/UNO-card-game.git

Prerequisites

To install this project you need to have Mongodb, NPM and Node installed

Installing

After cloning the repository follow the steps to get the app running

Install dependencies -server side

cd server
npm install

Install dependencies -client side

cd client
npm install

Starting the server -server side

cd server
node app.js

Starting the reat app -client side

cd client
npm start

After that you should have a Express server listening to port 3001 with a deployed version in '/' and a DEV webpack server in port 3000. Using proxy the DEV version in port 3000 can make requests to the server in port 3001.
You can see the deployed static version in localhost:3001, or the DEV version in localhost:3000.
You can see a online deployed version in https://uno-card-game.herokuapp.com/.

Built With

  • [MONGO] - Database used
  • [Express] - Back end framework used
  • [React] - Front end Framework used
  • [Node] - Server side language used

Authors

See also the list of contributors who participated in this project.

License

This project is licensed under the Apache License 2.0 - see the LICENSE.md file for details

uno-card-game's People

Contributors

pedrooaugusto avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar

uno-card-game's Issues

Can't run node app.js error on SocketHallEvents.js

I'm not knowledgeable with the components of the MERN stack.

I can't seem to run the server with the command node SocketHallEvents.js
It gives me the SyntaxError: missing ) after argument list starting at line 17

It looks like it doesn't acknowledge the async and await commands, weird.

SocketHallEvents.js:17
socket.on("/hall/join-room/check", async this => {
^^^^^
SyntaxError: missing ) after argument list
at createScript (vm.js:56:10)
at Object.runInThisContext (vm.js:97:10)
at Module._compile (module.js:542:28)
at Object.Module._extensions..js (module.js:579:10)
at Module.load (module.js:487:32)
at tryModuleLoad (module.js:446:12)
at Function.Module._load (module.js:438:3)
at Module.require (module.js:497:17)
at require (internal/module.js:20:19)
at Object. ([[__webremoved]]\unogame\server\app.js:4:20)

Please help, thank you!

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.