Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/faysalgreen35/pet-adoption-server
https://github.com/faysalgreen35/pet-adoption-server
Last synced: about 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/faysalgreen35/pet-adoption-server
- Owner: Faysalgreen35
- Created: 2024-06-18T03:57:23.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2024-06-18T04:03:24.000Z (7 months ago)
- Last Synced: 2024-06-18T05:22:53.195Z (7 months ago)
- Language: JavaScript
- Size: 26.4 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: Readme.md
Awesome Lists containing this project
README
# Pet Adoption
## Introduction
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.## Frontend Live Link
[Pet Adoption Frontend](https://pet-adoption-eccce.web.app)## Backend Link
[Pet Adoption Backend](https://pet-adoption-server-delta.vercel.app)## Features
- **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.## Technologies Used
- **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## Authentication in Firebase
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
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
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
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
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
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 Payment for Donations
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.## How to Run Locally
1. **Clone the repository:**
```bash
git clone https://github.com/Faysalgreen35/Pet-Adoption-Server
```
2. **Navigate to the project directory:**
```bash
cd Pet-Adoption-Server
```
3. **Install dependencies:**
```bash
npm install
```
4. **Run the application:**
```bash
npm run dev
```