• Implemented React with hooks to manage state and side effects in an intuitive and organized way, optimizing the performance of functional components by avoiding unnecessary re-renders

• Combined Daisy UI library and Tailwind CSS to design appealing and well-structured UI components, leveraging the flexibility of predesigned UI elements and a utility-first CSS framework for custom design

• Implemented a Node.js/Express server to facilitate efficient data transfer between the Docker Daemon, database and client via sensor and API integration, resulting in improved performance and scalability

• Used InfluxDB to effectively store and retrieve historical metrics of Docker containers at regular intervals, allowing for real-time monitoring and analysis of container performance

• Utilized Chart.js to clearly and effectively display key container performance metrics over time, resulting in an organized, easy-to-read, and visually appealing representation of data

• Implemented Docker to design, deploy, and manage a multi-container application, resulting in a scalable, secure, and isolated environment for the application to run on

• Utilized Cypress for end-to-end testing of the application, allowing for automated testing of UI interactions and browser behavior to ensure proper performance in a straightforward manner

• Built the application with Webpack to create production-ready code with faster load-times through the use of hot module reloading, ES6+ transpilation, and minification/uglification to decrease file size

• Product developed under tech accelerator OS Labs (opensourcelabs.io)

• Used React Router to handle client-side routing, resulting in a dynamic, multi-page web application with clean and easily maintainable URLs, allowing for improved user experience

• Utilized Express to handle client/server requests to various endpoints, resulting in a modular and easily readable codebase by leveraging middleware functions to keep the codebase organized

• Implemented bcrypt, username/password validation and session management through the use of express middleware for improved security of the application

• Utilized React to create a highly performant web application, by leveraging virtual DOM manipulation, reusable components, and unidirectional data flow for easier debugging

• Applied Redux to seamlessly manage the application state in a single place and take advantage of Redux DevTools for easier debugging and state visualization

• Implemented a NoSQL database to store reviews, leveraging its flexibility and ability to read large amounts of data quickly, resulting in a more performant storage solution than a relational database