Skip to content

Latest commit

 

History

History
59 lines (49 loc) · 2.82 KB

README.md

File metadata and controls

59 lines (49 loc) · 2.82 KB
Raw

[Slot machine game]

Brief

When a player starts a game/session, they are allocated 10 credits. Pulling the machine lever (rolling the slots) costs 1 credit. The game screen has 1 row with 3 blocks. For player to win the roll, they have to get the same symbol in each block. There are 4 possible symbols: cherry (10 credits reward), lemon (20 credits reward), orange (30 credits reward), and watermelon (40 credits reward). The game (session) state has to be kept on server. If the player keeps winning, they can play forever, but house has something to say about that... There is CASH OUT button on the screen, but there's a twist there as well.

Built with

  • React
  • Material-UI
  • React Scripts
  • NextJS
  • Typescript

Features

Server side

  • When a user has less than 40 credits in the game session, their rolls are truly random.
  • If a user has between 40 and 60 credits, then the server begins to slightly cheat:
  • For each winning roll, before communicating back to client, the server does one 30% chance roll which decides if server will re-roll the that round.
  • If that roll is true, then server re-rolls and communicates the new result back.
  • If user has above 60 credits, the server acts the same, but in this case the chance of re-rolling the round increases to 60%.
  • If that roll is true, then server re-rolls and communicates the new result back.
  • There is a cash-out endpoint which moves credits from the game session to user's account and closes the session.

Client side

  • Include a super simple, minimalistic table with 3 blocks in 1 row.
  • Include a button next to the table that starts the game.
  • The components for each sign can be a starting letter (C for cherry, L for lemon, O for orange, W for watermelon), but bonus points for using SVG assets (maybe get something from the internet).
  • After submitting a roll-request to server, all blocks should enter a spinning state (can be 'X' character spinning, but bonus points for getting spinner SVG from internet).
  • After receiving response from server, the first sign should spin for 1 second more and then display the result, then display the second sign at 2 seconds, then the third sign at 3 seconds.
  • If the user wins the round, their session credit is increased by the amount from the server response, else it is deducted by 1.
  • Include a button on the screen that says "CASH OUT", but when the user hovers it, there is 50% chance that button moves in a random direction by 300px, and 40% chance that it becomes unclickable (this roll should be done on client side). If they succeed to hit it, credits from session are moved to their account.

Requirement

You have install Node below 16 because of Node-sass module

Build & Compile

Run project in dev environment

yarn dev

Build and run project

yarn buld
yarn start

Test project

yarn test