Blue Ocean Project

Live Demo 💘

Description • Client's Requirements • Tech Stack • Contributors

Description

The Blue Ocean project is a project that Our team (Team Pacific) was tasked by a client to build a game (Love Letter) in just over a week.

Home Page

Game View

The client's requirements

• User identification and authorization
• User profile settings
• Game settings
• Host defined game settings, including cards characters and game goals
• Game rules and information, including card counts, play validation and feedback, as well as a round Scoreboard, and a Leaderboard
• Live chat with ‘chivalry rules’, a filter feature
• Theme / Art - Romantic style (examples: castle, lake, cat cafe)

Our team went above and beyond those requirements, and also implemented:A video chatSome animationAnd finally, the game was deployed at AWS EC2 instance.

Tech Stack

Frontend

• React, Zustand
• HTML, SCSS, Bootstrap
• Socket.IO

Backend

• Node, Express, Axios
• MongoDB, Mongoose
• Socket.IO
• Bcrypt

Others

• Style Loader, Babel, Webpack
• Bad Words
• Agora SDK

Contributors

Tyler Fleshier

Tom Wheeler

Matt Teran

Lucas Bonner

Alex Abushanab

Jacky Lin

Marilene Soares da Costa

Jacob Hansen

Nicholas Sooter

Paul Koh