2 player card game where players play cards into the discard pile in an ascending order.

The first player to run out of cards wins.

Features of the App

1. Players can create game rooms and allows another player to join.
2. Game state is almost constantly updated to reflect the moves of each player based on their turns.
3. Invalid cards selected to play in-game will be labeled with a flashing red border.

Technical Learnings

• First attempt at using Sequelize ORM instead of using SQL to query a database.
• More practice with Entity Relationship Diagrams (ERDs).
• Stored the state of the game (e.g cards remaining in deck, each player's hand) in JSON format instead of a separate table since each game is a standalone and does not affect other games.
• Structured the app using MVC framework to properly segregate the business, view and database logic.
• Integrated with Webpack to bundle and precompile front-end assets for faster performance.

Reflections

• If too high a setInterval refresh rate is set, it sometimes lead to an error in the browser. This can negatively impact the game play.

Technologies Used

• Frontend: HTML, CSS, Vanilla JS with DOM Manipulation
• Backend: Sequelize, PostgresQL,Express
• Version Control: Git