•Configured React components to query data from Prometheus at specific time intervals while monitoring changes in state to dynamically update and render UI modularized and reusable components.
•Managed state across all functional components through the use of Context API efficiently by decoupling and utilizing whichever parts of state were essential for that specific component.
•Employed React Router to enforce optimizations of single page applications and decrease the number of calls to the server.
•Implemented Tailwind’s utility-first CSS model to maximize performance in reducing file bundle size while simultaneously being more intuitive with classes and properties added inline to React components.
•Composed interactive and responsive ChartJS graphs that optimally displayed health and topic metric data queried from Prometheus. Tooltip Configuration allowed for easy implementation and customization of the graphs that resulted in an attractive and easily digestible display of data to maximize the user’s experience.
•Utilized PromQL to obtain scraped health metrics from a cluster’s exposed endpoint, which were seamlessly rendered onto graph components for accurate representation and monitoring of metrics for a cluster, providing the user with up to date information.
•Incorporated React Testing Library to utilize unit tests in order to provide a consistent, maintainable codebase with accurate functionality.
•Open source product developed under tech accelerator OS Labs (opensourcelabs.io).
