🐾 Pet Adoption Platform (Client-Side)

Welcome to the Pet Adoption Platform!
This is the client-side code for a responsive, dark-mode supported web application that helps users adopt and donate for rescued pets. Built using modern React ecosystem tools.

---

🌐 Live Site

🔗 Visit Live Website

---

🎯 Project Purpose

The goal of this platform is to:

• Help rescued animals find loving homes 🏡
• Let users manage pet adoption requests easily
• Facilitate donations for pets in need
• Provide a clean, accessible, and mobile-first user experience

---

✨ Key Features

• 🔒 Authentication (Google, GitHub)
• 🌙 Dark Mode Support
• 📦 Pet Management Dashboard (Add / Update / Delete / Adopt)
• 📥 Adoption Request Handling with status updates
• 💳 Stripe Payment Integration for donations
• 🖼️ Tiptap Rich Text Editor for pet descriptions
• 📊 Responsive Tables & Cards using TanStack Table
• 🔍 Search, Filter & Pagination
• 📸 Image Upload via imgbb/Cloudinary
• 🔄 React Query for efficient data fetching & caching
• 🎨 Tailwind CSS for utility-first styling
• 🎉 SweetAlert2 for modern confirmation popups

---

📦 Used NPM Packages

✅ Core

• react, react-dom, react-router
• axios, firebase

✅ UI/UX & Styling

• tailwindcss, clsx, tw-animate-css
• react-icons, lucide-react, react-spinners, react-select
• sweetalert2, lottie-react

✅ Data & Table

• @tanstack/react-query
• @tanstack/react-table
• date-fns
• react-loading-skeleton

✅ Forms & Editors

• react-hook-form
• @tiptap/react and various extensions

✅ Auth & Payments

• @stripe/react-stripe-js, @stripe/stripe-js
• firebase

---

🚀 Getting Started

git clone https://github.com/your-username/pet-adoption-client.git
cd pet-adoption-client
npm install
npm run dev