Open Source Kubernetes cluster + network policy visualizer and log aggregator.⇁ Used React for its many libraries and utilized React Hooks to efficiently maintain state with a unidirectional dataflow(Flux Architecture) for easier debugging and better performance.⇁ Implemented Cytoscape.js with React to create user-friendly interactive network graphs.⇁ Constructed and used TypeScript interfaces and classes for type restrictions and.⇁ Leveraged Node.js' ability to read and write files to parse through user given YAML files to display accurate network graphs for any user.⇁ Utilized the Fetch API to make HTTP requests from the client to the backend server which was built with Express.js/Node.js.⇁ Implemented TDD with unit and integration tests with Jest and React Testing Library and CI/CD with GitHub Actions.⇁ Engineered a custom Shell script to run kubectl commands to collect live Kubernetes ETCD, pod, and deployment logs.

Leet Kids - Introductory JavaScript Game for children⇁ Took advantage of React components' reusability to dynamically render new prompts based on the user's level in the global state, which was handled by utilizing React Hooks.⇁ Developed Express middleware and endpoints to send HTTP requests to a NoSQL(MongoDB) database, MongoDB.

LinkedIn Connections Manager⇁ Utilized React's large custom reusable component ecosystem to build out a responsive and dynamic UI.⇁ Incorporated LinkedIn OAuth 2.0 to handle authentication and gain access to the LinkedIn API.⇁ Used Express.js/Node.js to send HTTPS requests to the LinkedIn API to fetch the authenticated user's basic information and connections.⇁ Integrated SQL database with Express.js/Node.js backend server to send and receive relational data.