/HiLoVisualizer

A React application that encapsulates the strategy of using Hi-Lo theory for counting cards. This application helps users visualize the odds of drawing 10's, and face cards on the draw

Primary LanguageJavaScript

Brandon Nguyen's Hi-Lo Visualizer

Welcome!
A front end BlackJack Card Counting application that utilizes an API to, generate, shuffle, and draws from a deck of playing cards. The goal is to showcase only the odds based on the card that is presented on the table. The actual game itself is still in the making



WireFrame / Hierarchy

carddraw sitephoto mobile view

WireFrame / Hierarchy


Hiearchy-CardGames



WireFrame-Cards



---

Technologies:

Thoughts Before Creation / User-Planning:

As a visitor who's interested in learning how to count cards, I want to see how my odds are calculated, as a developer, I will display text stating the current count of the counting system.


As a visitor, I want to see my total card value on each persons hand so that I don't have to count it in my head; as a developer, I will display the sum of both players card value in separate section


As a visitor, I want to be able to see a message from the developer on what he thinks I should do. I, as a developer, should display messages like a tooltip to my visitors.
>

MVP Goals

  • Create an application that counts card for the game of black-jack to showcase odds of winning, based on hi-lo theory (Example below)

  • Application responsive on mobile first

  • Successfully pull API to fetch Card Deck ID and then Draw from that specific deck

  • Connect components through React Router

  • Be organized with components and custom hooks

  • Applying everything that I learned through this section of react



Hi-Lo Theory




---

Installation

npm install npm run build npm react-router-dom

Unsolved / Bugs:

  • Card counting functionality is still buggy, on the published repo
  • CSS, still needs works

Credits:

Pretty Awesome API to play around with:

Launch:

https://hi-lo-visualizer.netlify.app/