Six Card Golf

Inspiration

The inspiration for this project came from my online friend who learned this game from his grandfather and wanted to play it with me, but we were disappointed to see that an online version did not exist. Because of this we ended up playing the game using real cards that my friend would have to describe to me over voice chat, which wasn't very intuitive. I wanted to make Six Card Golf for this hackathon so I could challenge my online friends to get the lowest score we can.

What it does

The site emulates a single player game of Six Card Golf. The player starts by flipping two of the six cards in front of them. They then have 9 turns to draw from the draw and discard piles and rearrange their cards to get the least points possible.

How we built it

I built it using base html, css and javascript and deployed the site using GitHub pages. The images for the cards were sourced from here: https://acbl.mybigcommerce.com/52-playing-cards/ The spade logo image was sourced from here: https://www.iconsdb.com/white-icons/spades-icon.html

Challenges we ran into

The biggest challenge I ran into was using css to create the layout for the site because I have the least experience with it. Of these challenges the biggest one was aligning the cards in the game space in a pleasing way using flexbox.

Accomplishments that we're proud of

I'm most proud of the discard pile feature keeping track of the cards on top, as I was using local storage to store card states and it was difficult to translate a list datatype into that format.