•Built custom Webpack plugin to assemble relevant data pertaining to the sharing of modules and dependencies within federated micro front end applications by harnessing internal instance specific data exposed by Webpack’s Compiler module on build.
•Employed performant and reliable React component libraries — Material UI, React Flow, React Table, React Vertical Timeline — to build a cohesive and intuitive interactive dashboard visualizing module and dependency relationships established through Webpack 5’s Module Federation and compiled into a parsable data file using custom Webpack plugin.
•Utilized React’s native Context API and React Hooks to institute a predictable and reliable event-driven global state management solution that is easily accessed from anywhere in the React component hierarchy, thus alleviating the need for inefficient and redundant prop drilling while curtailing the overhead of a third-party state manager, leading to improved modularity across functional components.
•Deployed a containerized Docker instance through AWS Elastic Beanstalk to ensure consistent performance across environments through the use of automatic scaling, load balancing, health checks, and system monitoring to ensure consistent performance and reliability across various environments.
•Employed styling with SCSS to decrease developer repetition through the use of variables and modularized React component styling across distinct stylesheets to be preprocessed into one compiled CSS sheet allowing for a more organized file structure.
•Product developed under tech accelerator OS Labs (opensourcelabs.io).
