1
0
mirror of https://github.com/mizanxali/uno-online synced 2024-11-22 10:44:53 +00:00
Two player online game of UNO. Made using React and Socket.IO uno-online-multiplayer.herokuapp.com/
Go to file
2021-03-05 05:47:51 +05:30
client UI improvement 2021-03-03 15:11:18 +05:30
screenshots Updated README 2021-03-05 05:45:41 +05:30
.gitignore Changed folder structure 2021-02-22 05:02:50 +05:30
package-lock.json Set up socketio server-client connection 2021-02-22 05:29:23 +05:30
package.json Deployment setup 2021-03-02 15:07:36 +05:30
README.md Update README.md 2021-03-05 05:47:51 +05:30
server.js Added text chat functionality 2021-03-03 03:59:42 +05:30
users.js Working two-player game ready! 2021-02-22 21:04:17 +05:30

UNO ONLINE

Two player online game of UNO

Live at https://uno-online-multiplayer.herokuapp.com

UNO Logo

🤔 What is UNO?

UNO is the classic and beloved card game thats easy to pick up and impossible to put down! Players take turns matching a card in their hand with the current card shown on top of the deck either by color or number. Special action cards deliver game-changing moments as they each perform a function to help you defeat your opponents. These include skips, reverses, draw twos, color-changing wild and draw four wild cards.

⚠️ Game Rules

Read the complete rules of UNO here.

About the Game

This two-player online version of the game was built with React, Socket.IO, Express and Node. It currently supports two-players in each game. It also has text chat functionality to communicate with your opponent!

🧐 How to Play?

  1. Once you're on the homepage of the game, you can either host a new game or join a friend's game.
  2. To host a new game, click on CREATE GAME. A game code will be generated which you can share with your friend.
  3. To join a friend's game, enter the game code given by them, and click on JOIN GAME.
  4. That's it! Enjoy the game and remember, no toxicity!

🎮 Screenshots

Screenshot 1 Screenshot 2 Screenshot 3

🏁 Getting Started (to run game locally)

Follow the steps below, after cloning the repository:

🖐 Requirements

For Installing:

  • Node

Installation

  • At the root of the project directory, use npm to install the server-side dependencies
npm install

This command installs all the server-side dependencies needed for the game to run locally.

  • (Use npm to run server)
npm start

This command gets the server running on localhost port 5000.

  • In a separate terminal, navigate into the client folder and use npm to install the client-side dependencies
cd client
npm install

This command installs all the client-side dependencies needed for the game to run locally.

  • Finally, use npm to run client
npm start

This command gets the client running on localhost port 3000.

Head over to http://localhost:3000/ and enjoy the game! 🎉

🤝 Contributing

Contributions are what make the open source community such an amazing place to be learn, inspire, and create. Any contributions you make are greatly appreciated.

  1. Fork the Project Repo
  2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
  3. Commit your Changes (git commit -m 'Add some AmazingFeature')
  4. Push to the Branch on your forked Repo (git push origin feature/AmazingFeature)
  5. Open a Pull Request

❤️ Acknowledgements

  • AlexDer for the UNO cards assets!