June 26, 2025Full Stack Project

Petcom

A Reddit-inspired community application for pet lovers with communities, posts, nested comments, voting, custom feeds, uploads, and advanced caching.

About

Petcom is a community application for pet lovers and animal welfare advocates. Users can create communities, publish posts, upvote content, reply to comments, like comments, and discuss topics related to pets and animal care.

The platform was designed as a focused destination for people who care about pets and want a community-driven space for adoption updates, vaccination information, welfare discussions, and shared learning.

Inspiration

The idea came after seeing discussions around community platforms and the value of topic-specific spaces. My society and neighboring communities were involved in animal welfare, so I wanted to build a web app that could help people communicate urgent adoption, vaccination, and care updates more effectively.

Features

  • Infinite scrolling for dynamically loading posts
  • Authentication using NextAuth and Google
  • Custom feed for authenticated users based on joined communities
  • Advanced caching using Upstash Redis
  • Rich post editor
  • Image uploads and link previews using UploadThing
  • Full comment functionality with nested replies
  • Upvoting and downvoting for posts

Tech Stack

  • Frontend: Next.js 13, Tailwind CSS, shadcn/ui
  • Backend: Prisma, PlanetScale, TypeScript
  • Storage and caching: UploadThing, Upstash Redis
  • Authentication: NextAuth

What I Learned

Petcom was one of the most useful projects for understanding full-stack product behavior. It involved feeds, caching, communities, voting, nested comments, authenticated personalization, and user-generated content.