Leveraged React’s modular component architecture to construct an interactive user interface, and users can view all running containers in real-time.
• Implemented logic to grab docker containers information by using child process module and display them in separate components with its own data with React/Redux.
• Generated custom Webpack configuration with Babel and CSS loaders to uglify, minify and package source code into efficient size, improving performance for the end-user and plugged in hot-module reloading for the development and debugging of the application.
• Employed test-driven behavior using Jest with Enzyme to test component composition by creating shallow copies of elements with mock functionality in order to isolate unit tests that ensure component behavior is functional and independent of children’s components.
• Used Electron’s open-source framework for bundling cross-platform React/Node/Chromium applications to create a sandboxed environment to allow designers and developers to run Docketeer on various operating systems.
• Displayed a metric system for each container, so it is more legible to understand by using chartjs. With Chart.js, I was able to display them in the form of a pie chart and bar graph, and the data would be rendered in real-time.
• Developed under tech accelerator OS Labs (opensourcelabs.io)