Bohnanza
Bohnanza is a game all about trading, planting, and harvesting different types of beans. It required a complex chat and trading system to allow players to communicate, offer, accept, and decline trades while following the game's strict rules. The game also features a phase system, where certain actions can only be done by specific players during specific phases. The game utilizes this phasing system to teach the player how to play while ensuring the rules and order are followed.
Check it outBohnanza Tech Stack
Bohnanza is built with React and React Router to provide a fast, reactive UI with routing allowing for different game rooms for concurrent gameplay.
Bohnanza uses Firebase to provide realtime data updates to ensure that all players have up to date game data and a fast seamless experience.
Bohnanza uses styled-components to create reusable components with consistent theming throughout all of its styling.
Sushi Go
In Sushi Go, players are trying to build the best sushi platter by selecting one card from their hand before passing the hand along and select another card from the next hand. You score points by combining different groups of sushi. The complexity of this game is in the scoring. Different cards interact with each other, add multipliers, or cancel out cards for other players, so making sure each unique combination would score correctly was incredibly important.
Check it outSushi Go Tech Stack
Sushi Go is built with React and React Router to provide a fast, reactive UI with routing allowing for different game rooms for concurrent gameplay.
Sushi Go uses Firebase to provide realtime data updates to ensure that all players have up to date game data and a fast seamless experience.
Sushi Go's responsive styling is written in Sass, which simplifies creating reusable, consistent CSS styling.
Codenames
In Codenames, one player from each team gives clues to their teammates to help them guess their colour cards, while avoiding the other team's cards and the black assassin card. The game board includes multiple view types, one for the clue giver with colours revealed and one for the guessers that are hidden. Extra features like the chat and "simple cards" view were added to improve the overall usability of the game.
Check it outCodenames Tech Stack
Codenames is built with React and React Router to provide a fast, reactive UI with routing allowing for different game rooms for concurrent gameplay.
Codenames uses Firebase to provide realtime data updates to ensure that all players have up to date game data and a fast seamless experience.
Codenames' responsive styling is written in Sass, which simplifies creating reusable, consistent CSS styling.
Why did I make all of these?
I built these over the first two years of COVID when Canada was at the height of its lock downs. My friends and family all connect through games, so building and playing these games was a way to stay connected. It also gave me an opportunity to learn new skills and push myself. I was relatively early in my career at that point and building these games taught me a lot and gave me confidence in my abilities.