mtg2000 / uno

Getting Started with Create React App

This project was bootstrapped with Create React App.

Available Scripts

In the project directory, you can run:

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

npm test

Launches the test runner in the interactive watch mode.
See the section about running tests for more information.

npm run build

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.
Your app is ready to be deployed!

See the section about deployment for more information.

npm run eject

Note: this is a one-way operation. Once you eject, you can’t go back!

If you aren’t satisfied with the build tool and configuration choices, you can eject at any time. This command will remove the single build dependency from your project.

Instead, it will copy all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except eject will still work, but they will point to the copied scripts so you can tweak them. At this point you’re on your own.

You don’t have to ever use eject. The curated feature set is suitable for small and middle deployments, and you shouldn’t feel obligated to use this feature. However we understand that this tool wouldn’t be useful if you couldn’t customize it when you are ready for it.

Learn More

You can learn more in the Create React App documentation.

To learn React, check out the React documentation.

Code Splitting

This section has moved here: https://facebook.github.io/create-react-app/docs/code-splitting

Analyzing the Bundle Size

This section has moved here: https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size

Making a Progressive Web App

This section has moved here: https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app

Advanced Configuration

This section has moved here: https://facebook.github.io/create-react-app/docs/advanced-configuration

Deployment

This section has moved here: https://facebook.github.io/create-react-app/docs/deployment

npm run build fails to minify

This section has moved here: https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify

uno's Issues

Block Card Doesn't Work If A Player Has Already Won

So, I was playing with the bot. When the right hand side bot won, the block button didn't work any more. If I opponent play that card on me, I could still draw or play cards. Most probably due to that player was still counted as a player even after the win. I may not be able to describe the situation properly, let me know if you need further information. Thank you.

Docker support

Hello,

Is it possible to setup Dockerfiles for the client and server?

So far this is the best looking version of an Uno game I've seen due to the familiar card designs and the simplicity of the UI.

I would love to self-host it for me and my friends, unfortunately I can't make a working Dockerfile.

Licence

Thank you for your time and consideration. I look forward to hearing from you soon.

Best regards,
Zoran
[email protected]

Licence

Dear MTG2000,

I hope this email finds you well. My name is Zoran, and I recently came across your Uno project on GitHub. I am impressed by the work you've done, particularly with server side.

I am currently working on a project for Rummy game. After exploring various options, I found that your code from https://github.com/MTG2000/uno and https://github.com/MTG2000/uno-backend aligns perfectly with what I am trying to achieve.

I understand that your repository doesn't include a specific license file, and I want to make sure I respect your intellectual property rights. To that end, I am writing to request your permission to use your code in my project.

I assure you that I will give proper attribution to your work and provide a clear reference to your original repository. Additionally, I am committed to adhering to any terms or conditions you may have regarding the usage of your code.

If you have specific terms or requirements for usage, please let me know, and I'll do my best to comply. I am open to any suggestions or conditions you may have regarding the use of your code.

I understand the importance of intellectual property and legal considerations, and I want to make sure that any agreement we reach is clear and mutually beneficial. If you have any concerns or questions, please feel free to express them, and I'll be happy to address them.

Thank you for your time and consideration. I look forward to hearing from you soon.

Best regards,
Zoran
[email protected]

How to create a new action card?

I'm experimenting with your code to improve the game. I want to add a action card that allows you to steal a random card from a random player on the table and a card to clear all the table stack.
I've add it to the BotsServer to test it first, but the code I've added does not reflect to the visuals in the game:

`if (card) {
// if (card.action === "draw two") this.sumDrawing += 2;
// if (card.action === "draw four") this.sumDrawing += 4;

  if (card.action == "clean table stack") {
    this.tableStk = [];
  }
  else {
    this.tableStk.unshift(card);
  }

  if (card.action == "steal") {

    const lastPlayerIndex = wrapMod(
      this.curPlayer - 1 * this.direction,
      this.players.length
    );

    const lastPlayer = this.players[lastPlayerIndex];

    if (lastPlayer && lastPlayer.cards.length > 0) {
      const randomCardIndex = Math.floor(
        Math.random() * lastPlayer.cards.length
      );

      const stolenCard = lastPlayer.cards.splice(randomCardIndex, 1)[0];
      this.players[this.curPlayer].cards.push(stolenCard);
    }
  }

`

In the code, the card is stolen and it's added to my hand, but on the visuals it remains on the stack of the original player and it no adds to my stack of cards.

I'm assuming it's something to do with the render of the elements on the screen, but I'm not founding it. Can you help me?

Thanks in advance!