Back

TL;DR

Purrchase is a full-stack MERN application built to connect users with lovable pets for adoption.
It features user authentication, pet browsing, wishlists, payments via Razorpay, and an admin dashboard for pet and order management.

Introduction

Purrchase makes it easy for users to browse adoptable pets, manage their profiles, and complete secure adoptions through Razorpay.
The application is built with React + Redux on the frontend and Node.js + Express on the backend, with MongoDB handling data persistence.
Admins can also manage pets, users, and orders via a simple CMS-like interface.

🧠 Why Purrchase?

Many lovable pets often go unnoticed due to the lack of proper adoption platforms.
Purrchase was built to bridge this gap — offering a seamless experience for users to explore, wishlist, and adopt pets, while also giving adoption centers an easy-to-use dashboard to manage listings, orders, and users.

Links to try:

• Purrchase Website: (Client)[https://purrchase-client.vercel.app/]
• Purrchase Client: (Client Repository)[https://github.com/Tr1ck-5t3r/purrchase-client]
• Purrchase Server: (Server Repository)[https://github.com/Tr1ck-5t3r/purrchase-server]
• Purrchase Admin: (Admin Repository)[https://github.com/Tr1ck-5t3r/purrchase-server]
• Purrchase ADMIN CMS: (CMS)[https://purrchase-admin-production.up.railway.app/] Credentials: username = admin , password = @dmin

🚀 Key Features

✅ Browse adoptable pets with filtering and categories
📝 User registration, login, and secure profile updates
🧺 Wishlist functionality to save favorite pets
💳 Razorpay integration for secure pet adoption payments
🔐 JWT-based authentication for secure access
📸 Cloudinary image uploads for pets
🧑‍💼 Admin dashboard to manage users, pets, and orders
📱 Fully responsive layout built with Tailwind CSS
📊 Order tracking and adoption history

🛠️ Tech Stack

• Frontend: React, Redux Toolkit, React Router, Swiper, Tailwind CSS
• Backend: Node.js, Express.js
• Database: MongoDB (Mongoose ODM)
• Auth: JWT, Bcrypt
• Payments: Razorpay API
• Image Uploads: Cloudinary
• Environment Management: dotenv
• Analytics: Vercel Analytics
• Tooling: Vite, ESLint
• Deployment Vercel, Railway

📸 Screenshots

🧪 Tech Learnings

• Integrated Razorpay API for the first time and handled order validation securely.
• Learned to manage global state effectively using Redux Toolkit.
• Gained experience with responsive design using Tailwind CSS utilities.
• Deployed production-grade applications on Vercel and Railway.

✅ What’s Next?

• Add email notifications for orders
• Integrate adoption status updates
• Add multi-role support (Admin, Shelter Owner, Adopter)
• Improve SEO and accessibility

Conclusion

Purrchase is your one-stop pet adoption platform, combining a modern UI with secure backend services. Built for both adopters and admins, it streamlines the adoption process while offering powerful management tools behind the scenes. Whether you’re looking to give a pet a new home or manage an adoption center, Purrchase delivers a seamless experience from start to finish.