How might we make it easier for both designers and developers to keep track of existing web components?

While working as a student developer for my university's campus dining, we found that it was hard for our team to keep track and monitor what reusable pieces are being used in website with 500+ pages.

Inspired by atomic design, I worked with a full-stack engineer to gather reusable components and preexisting patterns in one centralized place. This library become known as “The Cookbook”. This site was built with Astrum.

Results

• Quickly Uncover bugs
• Improved Browser Support
• Created isolated space to test components