E-Commerce Site - Wassup Cat Litter

Wassup was a B2C e-commerce platform built for a Taiwanese cat litter brand, targeting cat owners looking for a convenient way to purchase or subscribe to recurring shipments. The core user journey spanned product discovery, cart management, shipping configuration, and payment processing, with a parallel subscription path that handled recurring order scheduling. The platform shipped with a full admin dashboard for product, order, and subscription management. As the primary frontend engineer on the team, the work covered the entire client-side experience: component architecture, UI interactions, animations, and responsive design across all pages.

The site was built as a Vue-on-Rails hybrid. Rather than rebuilding it as a full SPA, a lightweight event-based pattern bridged the static Rails pages and reactive Vue components, keeping the cart state centralized and always in sync with discount and shipping calculations. Interactions were treated as opportunities to reinforce the brand's personality: a sequenced GSAP timeline on the add-to-cart button gave the moment weight without slowing users down, with the cart drawer timed to open exactly as the animation resolved.

The checkout and member center were built as separate component sets for one-time and subscription flows, with inline discount feedback and URL-driven tab activation to support deep-linking from order notification emails.