CozyPaws

About the Project

CozyPaws is an online dog store built with Next.js 15 (App Router) and React 19, selling toys, treats, beds and more through a full storefront with live search, product pages and a checkout. The homepage leans heavily on motion, using GSAP animations and Lenis smooth scrolling, and it respects prefers-reduced-motion.

Cart and checkout

The more technical part is the cart and checkout flow. Its goal is to feel instant but never be wrong about money.

Cart: changes show up in the UI right away, then get confirmed or rolled back by the server.

Checkout: the server re-prices every order. If a price or stock level changed, it returns a 409 showing what changed, and the shopper confirms the new total before anything is charged. Idempotency keys stop an order from being submitted twice.

All prices are stored as whole cents, so there's no floating-point rounding anywhere in the flow.

Demo panel and testing

A built-in demo panel can simulate slow responses, failures, price changes and stock changes, so you can watch the flow handle each one. Add ?demo=1 to the live URL to open it.

It's tested with Vitest and Playwright. The project is live and open source on GitHub.