Skip to content
Available for work
Adam
←  All projects

Case study · 2023

Purrfect Match

Cats up for adoption, an animated gallery, and a confetti adopt flow.

Visit site (opens in a new tab)
Screenshot of the Purrfect Match interface
Status
Live
Year
2023
Stack
Next.js · React · JavaScript · Tailwind CSS · NextUI · Framer Motion · Axios

Overview

Purrfect Match is a playful adopt-a-cat web app. It pulls real cat photos and breeds from TheCatAPI and wraps them in an interface that is warm, responsive, and a little bit charming.

Highlights

  • A responsive gallery of real cats, fetched live from TheCatAPI with Axios.
  • An "adopt" flow that celebrates with a confetti burst.
  • Motion with Framer Motion and smooth scrolling with Lenis, for transitions that feel smooth rather than gimmicky.
  • Built with Next.js and React, styled with Tailwind CSS and NextUI.