21

Game-based website project

Comment

Inspiration

We, as computer science students, found probability and trading card games to be very intriguing. Inspired by Blackjack, and magic duels with colorful spell cards in video games, we crafted 21, a simple, strategic, fast-action trading card game for everyone to enjoy.

What it does

  • There are 2 card types: number cards and spell cards. There are 11 number cards ranging from 1 to 11 with no duplicates. There are various spell cards with different rarity, and will be drawn probabilistically. The rarer the spell card, the more breakthrough potential it has if used geniusly.

  • Spell cards can have the following effects on the game: Increase ATK.

  • Draw a number card with number X.

  • Perfect draw: draw the best possible card.

  • Change the target score to 17, 24, 27. and more.

  • A game is a duel between two players, with successive rounds. Both have 10 HP and 1 ATK at first. In each round, the goal for both players is to get the sum of the cards as close as possible to 21 without getting over it (bust). In each round, both players can only wield 5 number cards and 7 spell cards maximum. Round consists of turns. In each turn, a player can do one of 3 actions:

  • Draw a new number card in the remaining number cards deck

  • Play a spell card

  • End turn

  • If both players stay in succession, the round ends and we compare both players’ deck. The round’s loser will lose HP. The game ends when one player loses all HP.

How we built it

We designed a minimum working example with Figma, then built the frontend with React and built the backend with WebSocket.

Challenges we ran into

Due to the time constraint, we have not been able to fully complete all the functions of the project yet.

Accomplishments that we're proud of

Completed the backend in 10 hours.

What we learned

We learn managing project with team under the pressure of time constraint and new frameworks.

What's next for 21

Improve the current Frontend and other functions of the website Create more spell cards with more interesting and thrilling functions

Built With

Share this project:

Updates