Purrchase is a full-featured pet adoption platform built using React. It connects users with adorable pets looking for a home, offering a smooth experience with wishlist functionality, pet details, adoption flow, user authentication, and admin controls.
This is the frontend of the Purrchase project. It works hand-in-hand with the (Purrchase Server)[https://github.com/Tr1ck-5t3r/purrchase-server]. This also uses the CMS from (Admin Page)[https://github.com/Tr1ck-5t3r/purrchase-admin] for Purchase.
- 🐶 Browse pets by category or latest arrivals
- 📸 Upload & manage pet images via Cloudinary
- ❤️ Add/remove pets from your wishlist
- 🔐 Register/login with JWT authentication
- 👤 User profile management
- 🛒 Adopt pets with secure Razorpay payments
- 📊 Admin dashboard (user, pet & order management)
- 📱 Fully responsive UI built with Tailwind CSS
- 🌀 Carousel & Swiper integration for pet showcases
🛠️ Tech Stack
- Frontend Framework: React (with Vite)
- State Management: Redux Toolkit
- Routing: React Router DOM
- Styling: Tailwind CSS
- Media & Uploads: Cloudinary
- Analytics: Vercel Analytics
- Carousel: Swiper.js
- HTTP Requests: Axios
1 Clone the Repository
git clone https://github.com/Tr1ck-5t3r/purrchase-client
cd purrchase-client2 Install Dependencies
npm i 3 Run the App
npm run devHosted with vercel at (link)[https://purrchase-client.vercel.app/]