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/]