NAME OF PROJECT
BlackJack
LANGUAGES USED
HTML, CSS & JavaScript
DESCRIPTION
BlackJack game solo project from Scrimba. Fully designed and developed
The Process
As I progressed on the Scrimba course, I worked on creating a simple 1 way BlackJack game along with the educator, however, it was too simple for my liking, so I wanted to challenge myself and made it a project. The idea of the project is to create a better real-life or online blackjack game against the dealer with proper triggers following the rules of the game.
The Design
The design on Figma, is somewhat unrecognisable from the final design you see in the live demo, that is because as I was coding the project, ideas to make the game more relevant to a real-life game were popping up, but the context still remains the same. I turned the design of the game to a more minimal look, just how I like it, as it keeps it clean and more focused on the game execution.
The game predominantly has 6 features, 5 of them being buttons and 1 of them being a dynamic message. I have also added a toggle instruction box explaining how the game works. Game features are as follow;
- Start Game: Randomly generates first card for the dealer and first two cards for the player
- Start Over?: Resets the game when the game has ended, prompting you to go again
- White message box: Text dynamically changes depending on the state of the game
- Hit Me!: Randomly generates a new card for the player
- Stay: Randomly generates a new card for the dealer
- End Game: Ends the game when neither side has reached BlackJack or busted
The Challenge
The challenge? The biggest challenge was mostly making it the gameplay work as I imagined it, which I have managed. It was no easy task, but with research and perseverance, I managed to make it work. I do still have one issue which I haven't yet managed to fix even though I've went through the JavaScript code many times, and also passed it to chatGPT yet, neither that could fix it.
The gameplay gets stuck after a few games, which I'm still working on getting it fixed. If any help can be provided to understand why this is happening, that would be amazing.