Pet Adoption Platform

A user-friendly and dynamic platform that connects individuals with pets in need of loving homes. The platform supports adoption requests, donation campaigns, authentication, and an admin dashboard for management.

Pet Adoption Platform-0
Pet Adoption Platform-1
Pet Adoption Platform-2
Pet Adoption Platform-3
Pet Adoption Platform-4
Pet Adoption Platform-5

Features:

  • Category Filtering: Fully responsive design with a meaningful logo and navbar links.Call-to-action sections for engagement.Pet categories, adoption messages, and About Us section
  • Pet Listing: Includes pet image, name, age, location, and details button.Search and filter by pet name or category.Infinite scrolling for smooth data loading
  • Pet Details: Comprehensive pet information Modal form for adoption requests, capturing user and pet details
  • Donation Listing: Displays pet name, image, donation amount, and progress bar Infinite scrolling for easy discovery
  • Donation Details: Complete donation campaign details Modal for secure donations using Stripe integration Recommended donation campaigns section
  • User Dashboard: Add a Pet: Form for adding pets with Cloudinary image upload My Added Pets: List with update, delete, and mark as adopted options Adoption Requests: View and manage requests Donation Campaigns: Create, edit, and track donations
  • Admin Dashboard: Manage users, pets, and donation campaigns Edit/Delete pets and pause/unpause donation campaigns

Technology Stack:

  • Frontend: React, TailwindCSS, Material Tailwind, TanStack Query, React Router DOM, Axios
  • Backend: Node.js, Express.js, MongoDB
  • Payment: Stripe API
  • StateManagement: React Query
  • OtherLibraries: Formik, React Quill, React Toastify, SweetAlert2