June 26, 2025Full Stack Project

Animal Heaven

A full-stack application for animal lovers with communities, blogs, premium content, authentication, payments, and Sanity-backed content management.

About

Animal Heaven is an all-round application for animal lovers. Users can share ideas, form communities, read free blogs, and pay a small amount to access a premium repository of knowledge.

The idea was to bring community, learning, and premium resources under one roof while keeping the interface approachable for people who care about pets and animal welfare.

Inspiration

After building Petcom, I wanted to extend the concept into a broader platform that could serve more use cases. I also experimented with AI-generated visual assets during the build to understand how they could support product development.

Features

  • Magic link authentication
  • Google and GitHub authentication
  • Content managed with Sanity
  • Light and dark mode support
  • Clerk-based account management
  • Middleware-protected premium content
  • Stripe-powered payments
  • Loading-safe UI patterns using Next.js best practices

Tech Stack

  • Client: Next.js 13, shadcn/ui, Tailwind CSS, TypeScript
  • Backend and content: Sanity CMS, Prisma, PlanetScale
  • Authentication: Clerk
  • Payments: Stripe

What I Learned

This project helped me connect multiple product surfaces: community, content, authentication, and payment flows. It also pushed me to think carefully about protected routes, loading states, and paid content access.