frontend design optimization, standardization, and refactoring

analyzing the older component library by drawing diagrams and working to optimize the structure by leveraging react features, inheritance, global variables and features, system design concepts, and implementing a well known library built off tailwindcss called shadcn.

shadcn is an npm component library that defines commonly used web components and allows you to customize and edit global themes through props and global variables.

I was able to optimize the front end page+component structure - generate before and after diagrams, designed app pages using figma, and implementing the new structure live.

the results: reduced number of files in frontend folder by reusing and optimizing components, reduced page load time and project build time at deployment, smoother and more standardized UX