Skip to content

Latest commit

Β 

History

History
54 lines (39 loc) Β· 1.49 KB

File metadata and controls

54 lines (39 loc) Β· 1.49 KB

Purchase Client

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.

πŸš€ Features

  • 🐢 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

βš™οΈ Setup Instructions

1 Clone the Repository

git clone https://github.com/Tr1ck-5t3r/purrchase-client
cd purrchase-client

2 Install Dependencies

npm i 

3 Run the App

npm run dev

Hosting

Hosted with vercel at (link)[https://purrchase-client.vercel.app/]