Card Compare is a strategic single-player card game, originally created in real life and now transformed into a web game using React and TypeScript.
- The game is played with 52 cards divided into 4 piles, with 4 cards in your hand.
- Click a card from your hand and then the top card from one of the piles to compare.
- Playing a card from your hand moves it to the discard pile, and the chosen pile card to the 'Cards to Pickup' pile.
- End your turn by clicking [End Turn], which merges 'Cards to Pickup' with your hand for the next turn.
- The game requires strategic planning of moves.
- When all four piles are empty, the discard pile becomes the new, sole pile to compare against. Play your cards wisely to ensure you can play as many as possible.
- Score Calculation: Score = [(Number of Cards Played + Bonus Points) x Number of Cards Played].
- Higher Scores: More cards played per turn increase the score.
- Flush Bonus: Earn a bonus for playing multiple cards of the same suit. The bonus increases with more cards played.
- Same Value Bonus: Earn a bonus for playing multiple cards of the same value. More cards lead to a higher bonus.
- Rules are from the perspective of the card in your hand (bottom) compared to the card in the piles (top).
I utilized React written in TypeScript with Vite for the frontend, and used Firebase Google Auth and Firestore for leaderboard storage.