Utilized Paper.js, a vector graphics scripting framework, to obtain a clean Scene Graph / Document Object Model and to allow for clean position and coordinate transformations of ship and bullet rendering.

Implemented a Redux style paradigm to have a predictable and maintainable game state which is modifiable to maintain a history of the ship’s state and its actions at all times.

Introduced Websockets to allow for real-time spectating in smooth 60 fps for users connected to the host.

Adopted Websockets to keep a master state of the overall game and pass players data on whose turn it was and which cards the players clicked across multiple clients.

Architected presentational components with React based on each player’s state and the shared master game state from the server and database to display cards after a user made an action or state of the player(s) changed.

Applied Node’s (Express) middleware design pattern to route various client requests to their correct database controllers based on the users’ actions in the game and return the correct cards.

Created a noSQL database through database controllers within Node to provide persistent leaderboard tracking.

Used React’s active state rendering and child components to conditionally render views depending on varying game state in order to provide a dynamic single page application experience.

Utilized React’s unidirectional data flow to pass props down from the master state to render images, containers, and directories based on asynchronous commands issued by the user to allow for seamless transitions in the GUI.

Bypassed browsers’ built-in security barriers by translating app to Electron desktop application, which enables access to the user’s local file system and location of the full folder paths of their docker-compose.yml files.

Used IPCMain and IPCRenderer from Electron with React to send data of the folder paths as well as the electron-json-storage npm package to store that data in local storage and persist that data across sessions.

Leveraged Node child processes using exec() and spawn() methods to instantiate and interact with the Command-line interface (CLI) so that users could run Docker Compose commands without leaving the GUI.

Configured Webpack​ ​to​​ ​bundle​ ​assets,​ ​increase​ ​codebase​ ​modularity,​ ​and​ ​maximize​ ​application responsiveness.

Resolved CLI-to-app data management by applying a CSV parsing library to extract data relating to Docker containers, images, and Docker Compose.

Improved UX by leveraging ES6 promises to render loading screens while Docker Compose links services.

Accessed and stored data in a central database via Advanced Encryption Standard (AES)-256 encryption to a remote cloud server system.