• Built a Kafka metric visualizer to allow developers to monitor their Kafka clusters and error logs with minimal setup

• Created a Prometheus instance, employing PromQL queries to reliably scrape real-time Kafka data and display them in an intuitive visualization tool with Chart.js and functional React components

• Architected a Node.js server, leveraging the middleware design pattern to efficiently serve client’s HTTP requests and to query data from Prometheus while providing organized and maintainable code for developers

• Constructed landing page on Hostinger with React while following Web Content Accessibility Guidelines

• Decreased HTTP overhead by implementing WebSockets to drastically reduce the number of network requests sent between client and server, which improved client-side performance of data visualizations

• Wrote unit tests using Vitest to simulate DOM rendering and give confidence in the UI and increase team velocity

• Configured Google and GitHub Oauth to authenticate users while providing a hassle-free user experience with session storage

• Utilized a PostgreSQL database to store user information and error logs in strict schemas to maintain ACID compliance and ensure consistency and integrity of time-sensitive data for users to manage their Kafka cluster

• Product developed under tech accelerator OSLabs (opensourcelabs.io)

• Developed a MongoDB database to store and retrieve non-relational data with flexible schemas to account for undefined or unknown relationships between data

• Leveraged React to conditionally render reusable components for a user friendly experience and create a modular codebase for developers

• Utilized Chart.js to construct a user dashboard with responsive charts to organize transactions to help users keep track of their finances

• Incorporated React Router to create a single page application without rerendering and to utilize the useNavigate hook when logging in to create a seamless user experience

• Constructed a Express/Node server to create modular middleware to efficiently control asynchronous calls and retrieve data from the Plaid API

• Leveraged Passport’s flexibility for Google Oauth implementation to securely authenticate users and maintain their account privacy

• Established a connection between Express and Firebase, taking advantage of Firebase’s efficient storage of images, enabling users to seamlessly upload and store their images to the message board and to facilitating easy scaling of the application for developers

• Implemented unit and integration tests using Jest and Supertest to execute tests in parallel, mock dependencies and run tests asynchronously and test API endpoints