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.