PetzAdopt

Server side: (https://github.com/ferdause-al-mahmud/PetzAdopt-server)

Live Site URL: PetzAdopt

Overview

PetzAdopt aims to make pet adoption easier and more accessible by providing a user-friendly interface where users can browse, search, and adopt pets. Additionally, users can create and contribute to donation campaigns for pet welfare. The platform includes authentication, user roles, and a variety of features to manage pets and donations effectively.

Best Features

1. Comprehensive Pet Listings: Users can browse through a detailed and organized list of pets available for adoption, with advanced search and filter options, infinite scrolling, and detailed pet profiles.

2. Donation Campaigns: Users can create and participate in donation campaigns, with features such as donation tracking, campaign management, and secure payments via Stripe integration.

3. User and Admin Dashboards: The platform provides robust dashboards for both users and admins, enabling efficient management of pets, adoption requests, and donation campaigns.

Technology Used

• Frontend: React, Redux, React Router, Tanstack Query, Formik, React-Select, React-Loading-Skeleton, Stripe
• Backend: Firebase Authentication, Firestore, Cloudinary/ImgBB for image uploads
• Styling: CSS, Bootstrap, Material-UI
• Deployment: Firebase Hosting

Getting Started

To run this project on your local device, follow these steps:

Prerequisites

Ensure you have the following installed on your device:

• Node.js (v14.x or later)
• npm (v6.x or later)
• Git

Installation

1. Clone the Repository
2. npm install
3. Create a .env.local file in the root of the project and add the necessary environment variables for firebase , stripe ,imagebb api,backendAPIurl
4. npm run dev