ProjectsKennel UI Component Library

Kennel UI Component Library

As a Senior Frontend Engineer at Fuzzy Pet Health, I led the development of a React.js component library used in both internal tools and the public-facing eCommerce site, enhancing consistency and efficiency across platforms.

Summary

Fuzzy Pet Health, which went out of business in June 2023, provided a comprehensive suite of services designed to reduce pet healthcare costs, offering 24/7 live chat and telehealth for $15/month, ship-to-home prescriptions, a vet-curated e-commerce marketplace, and educational content for pet nutrition, training, and obedience. Describing itself as the “pet parent’s company,” Fuzzy successfully built a substantial user base, catering to numerous pet profiles and providing significant savings for pet parents.

During my tenure at Fuzzy Pet Health, I served as a Senior Frontend Engineer on the Internal Tools team, where I led the development of an internal component library built with React.js and thoroughly documented in Storybook.js. This component library was designed to ensure consistency, reusability, and ease of maintenance across various internal applications. By standardizing the UI components, we enhanced the development speed and quality of our interfaces, ensuring that our tools were both robust and user-friendly.

One of the primary applications utilizing this component library was Kennel, our internal admin dashboard. This dashboard was crucial for managing user and pet profiles, allowing our veterinary technicians to communicate effectively with customers, process and fulfill orders, diagnose pets, and prescribe medications. Kennel was designed to display all the necessary data and information required for these tasks, featuring intuitive and clean UI interfaces that facilitated the day-to-day operations of the company. The goal was to empower our veterinarians and support staff with a tool that streamlined their workflow and improved their efficiency.

The UI components developed for Kennel were also adapted for Fuzzy’s public-facing headless eCommerce site, built with Next.js. While the core functionality and design principles remained consistent, slight style alterations were made to fit the public site’s branding and user experience requirements. The CSS for these components was written with flexibility in mind, making it easy to adjust styles as needed without compromising the integrity of the components.

This project not only strengthened my skills in building scalable component libraries and complex UIs but also provided valuable experience in managing data integration and user flows in high-stakes environments. Working on both the internal tools and the public-facing site allowed me to ensure a seamless user experience across different platforms, demonstrating the versatility and adaptability of the components and systems we built. My time at Fuzzy Pet Health was marked by significant achievements in enhancing the functionality and usability of our tools, ultimately contributing to the company’s mission of making pet healthcare more accessible and affordable.

Technologies Used

  • Next.js
  • React
  • Headless Shopify
  • Ruby
  • Storybook.js
  • Tailwind CSS
  • TypeScript

Contact Me

Get in touch by filling out the form below

* Field is required
* Field is required