Pet Adoption is a comprehensive platform designed to help people find and adopt pets in need. Our mission is to connect potential pet owners with pets that are looking for a loving home, and to support the well-being of all animals through community engagement and donation campaigns. Whether you're looking to adopt a cat, dog, rabbit, fish, or any other pet, our website provides a seamless and enjoyable experience.
- Navbar: Includes a logo, navigation links (Home, Pet Listing, Donation Campaigns, Login/Register), and a user profile section with a dropdown menu.
- Banner Section: A visually appealing banner or slider that highlights key messages and promotions.
- Pets Category Section: Easy-to-navigate buttons or cards that categorize pets (Cats, Dogs, Rabbits, Fish, etc.).
- Call to Action Section: Encourages users to adopt pets, featuring inspirational images and text.
- About Us Section: Provides a brief introduction to the website's purpose and functionality.
- Frontend: React, Flowbite, Skeleton, Tiptap, Tanstack Table, Tanstack Query
- Backend: Node.js, Express.js, MongoDB
- Authentication: Firebase Authentication
- Payment Processing: Stripe
- Styling and UI Components: Tailwind CSS, Flowbite
- Data Management: Tanstack Query
- Text Editor: Tiptap
Firebase Authentication is used to manage user authentication and provide a secure login/register experience. Users can sign up with their email or through social media accounts. Firebase also handles password recovery and user session management.
Flowbite is a component library for Tailwind CSS, providing pre-designed components that can be easily integrated into our project to enhance the user interface and user experience.
Skeleton is a simple, responsive boilerplate for quickly building web interfaces. It provides a basic structure and responsive grid system, ensuring that the website looks good on all devices.
Tiptap is a rich-text editor for the web that provides a user-friendly and customizable text editing experience. It is used in various sections of the website where text input is required.
Tanstack Table is a powerful and flexible table library for React. It allows for the creation of highly customizable and feature-rich tables to display pet listings, user data, and more.
Tanstack Query is a data-fetching library for React that simplifies data synchronization and state management. It ensures that the website efficiently handles data fetching, caching, and synchronization.
Stripe is integrated to handle secure and reliable payment processing for donations. Users can easily contribute to donation campaigns through a seamless payment experience, supporting the cause of pet adoption and welfare.
- Clone the repository:
git clone https://github.com/Faysalgreen35/Pet-Adoption-Client
- Navigate to the project directory:
cd Pet-Adoption-Client - Install dependencies:
npm install
- Run the application:
npm run dev