Axteroids | Asteroids game with spectator functionality

• 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.

Cards Against Humanity | Online Multiplayer version of Cards Against Humanity

• 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.

CSType | Measure typing speed and accuracy app

• 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.

• Docker visualization GUI to speed up development and better manage containers, with an emphasis on Docker Compose.

• 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.

• Operated a relational database (SQL backend with GUI client) to store data based on clients’ information H-1B (I-129), PERM, I-485, B-1. E-2, I-765, for clients from many different countries including China, Taiwan, India, Korea to help them work or live in the U.S.

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