Back to Showcase
Full-Stack Development

HappyTails — Hub

HappyTails is a full-stack pet adoption platform built with Next.js. It allows users to explore pets available for adoption, view detailed profiles, and submit adoption requests — all through a clean, recruiter-friendly interface. Pet owners and shelters can manage their listings, review incoming adoption requests, and approve or reject them with ease.

Tech Stack
#Next.js#Node.js#Express.js#JavaScript (ES6+)#Tailwind#HeroUI#BetterAuth#MongoDB#Framer Motion
HappyTails — Hub

Quick Actions

Explore the live site or inspect the repository.

Case Study

Engineering Challenges

The adoption workflow needed careful business-rule enforcement on the backend — only one adoption request per pet can ever be approved, owners can't request their own pets, and approving a request must atomically flip the pet's status to adopted so no further requests slip through. Search and filtering across pet listings (by name and species) also required tuning MongoDB's $regex and $in operators to stay fast and accurate as data grew, all behind JWT auth issued via HTTPOnly cookies rather than a client-exposed token.

Roadmap

Future Roadmap & Enhancements

Add real-time status updates (e.g. via WebSockets) so an owner reviewing requests sees changes instantly instead of needing a refresh. Introduce messaging between adopters and pet owners directly within the platform, and add pagination/infinite scroll to the pet browsing page as listings scale.