GithubHelp home page GithubHelp logo

sakshgupta / online_uno_royale Goto Github PK

View Code? Open in Web Editor NEW
3.0 1.0 0.0 7.19 MB

Uno Online Royale is a fun and exciting 2-player game that brings the classic Uno card game to the online world. Players can challenge their friends from around the world, using strategy and skill to outwit their opponents and win the game.

Home Page: https://online-uno-royale.vercel.app/

License: MIT License

HTML 2.61% CSS 6.37% JavaScript 91.02%
express game multiplayer nodejs reactjs socket-io

online_uno_royale's Introduction

UNO ONLINE ROYALE

Made with React Made with Express Made with Socket.IO Made with Node.js

Live Demo ยท Report Bug ยท Request Feature

UNO Logo

Note: This game is only meant to be played on PC and is not supported on mobile or tablet devices.

๐Ÿค” What is UNO?

UNO is a timeless card game that has stood the test of time, delighting players of all ages and skill levels for decades. The objective of the game is to be the first player to empty your hand of cards by matching them with the card on the top of the discard pile, either by color or number. However, beware of the special action cards that can throw a wrench in your plans and completely change the course of the game! These cards include skips, reverses, draw twos, and the infamous color-changing wild and draw four wild cards. With every turn, the game becomes more and more exciting, as you try to outwit your opponents and emerge victorious!

โš ๏ธ Game Rules

Read the complete rules of UNO here.

โ“ About the Game

UNO ROYALE is a two-player online version of the game built with React, Socket.IO, Express, and Node. It currently supports two players in each game and 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. You can also send the link of the game by clicking on the SHARE button.
  3. To join a friend's game, enter the game code given by them or click on the link shared by the host and click on JOIN GAME.
  4. That's it! Enjoy the game and remember, no toxicity!

Note: If you're playing on a mobile device, you can click on the three dots on the top right of your browser and select "Desktop site" to access the game.

phone

๐ŸŽฎ Screenshots

Screenshot 1 Screenshot 2 Screenshot 3

๐Ÿ Getting Started

Follow the steps below to run the game locally:

๐Ÿ– 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.

  • Create a .env in the root directory and add the below line
NODE_ENV = production
  • Use npm to run server
npm run dev

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.

Head over to http://localhost:5000/ 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. The Issues tab is a good place to begin!

  1. Fork the project repo
  2. Clone the forked repo on your machine
  3. Create your feature branch (git checkout -b feature/AmazingFeature)
  4. Commit your changes (git commit -m 'Add some AmazingFeature')
  5. Push to the branch on your forked repo (git push origin feature/AmazingFeature)
  6. Open a pull request

online_uno_royale's People

Contributors

sakshgupta avatar

Stargazers

Aditya Parmar  avatar  avatar Kendall avatar

Watchers

 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.