Skip to content

brozinsky/videopoker-jacks-or-better

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

15 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Videopoker: Jacks or Better

About The Project - Live Demo

Jacks or Better is the first video poker game, introduced in the 1970’s, it was called Draw Poker and is better known today as Jacks or Better. This is the most common version of video poker and is based on the regular 5-card draw poker that has been a popular casino game for centuries. The game uses a single deck of 52 cards and upon every draw, the player is given 5 cards. The lowest winning hand is Jacks or Better and the best hand you can have is Royal Flush.

overview-gif

Built With

  • Main technology - React
  • Styling made with simple CSS.
  • Design in Figma

How To Play

When a player starts a new video poker game, the first thing to do is place a bet and then, he will be dealt 5 cards. In order to achieve the strongest winning hand, the player can choose to keep some cards and exchange others. This is easily done by selecting each card you wish to hold and click on the Deal/Draw button. The decision which cards to keep and which to replace with new ones will make the difference between winning and losing the round. Of course, the goal should always be winning more coins than you originally bet.

Hand Rankings

Hands and examples:

  • Royal Flush: A♥ K♥ Q♥ J♥ 10♥
  • Straight Flush: 10♣ 9♣ 8♣ 7♣ 6♣
  • Four of a Kind: Q♥ Q♣ Q♦ Q♠ 3♥
  • Full House: 5♥ 5♣ 5♦ 3♦ 3♥
  • Flush: K♠ 10♠ 6♠ 5♠ 3♠
  • Straight: Q♥ J♣ 10♦ 9♠ 8♥
  • Three of a Kind: K♥ K♣ K♦ 9♠ 8♥
  • Two pair: 5♦ 5♣ 3♥ 3♠ 8♥
  • Two of a Kind (Jacks or better): J♥ J♣ 9♠ K♦ 8♥

Getting Started

This project was bootstrapped with Create React App.

Available Scripts

To get a local copy up and runningTo get a local copy up and running, 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.

Learn More

You can learn more in the Create React App documentation.

To learn React, check out the React documentation.