https://github.com/imran21-dev/petopia
A platform to connect individuals for pet adoption. Users can browse or list pets for adoption and contribute to donation campaigns.
https://github.com/imran21-dev/petopia
express firebase javascript mongodb node react tailwind
Last synced: 3 months ago
JSON representation
A platform to connect individuals for pet adoption. Users can browse or list pets for adoption and contribute to donation campaigns.
- Host: GitHub
- URL: https://github.com/imran21-dev/petopia
- Owner: imran21-dev
- Created: 2025-01-28T08:10:19.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-02-05T04:08:53.000Z (over 1 year ago)
- Last Synced: 2025-03-23T11:45:41.572Z (over 1 year ago)
- Topics: express, firebase, javascript, mongodb, node, react, tailwind
- Language: JavaScript
- Homepage: https://petopia-f7bab.web.app/
- Size: 13.4 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## Project Name - Petopia

## Purpose of the Website
The purpose of this website is to create a platform where individuals can connect to find and adopt pets in need of a loving home. Users can browse through various pets available for adoption or add their own pets to the platform for others to adopt. Additionally, the website provides a space for users to explore and contribute to donation campaigns aimed at supporting pet care and adoption efforts. This platform fosters a community dedicated to improving the lives of pets and their potential owners.
### Live URLs
- [https://petopia-f7bab.web.app/](https://petopia-f7bab.web.app/)
- [https://petopia-f7bab.firebaseapp.com/](https://petopia-f7bab.firebaseapp.com/)
### Project's Docs
- [https://docs.google.com/document/d/1XMDfnfDngCbYNdrX2zE-lsYkZSsEmF3xxCr7C1jY_K8/edit?tab=t.0](https://docs.google.com/document/d/1XMDfnfDngCbYNdrX2zE-lsYkZSsEmF3xxCr7C1jY_K8/edit?tab=t.0)
### Key Features:
- ***Adopt Pets:*** Users can browse a variety of pets available for adoption and find their perfect companion.
- ***Add Pets for Adoption:*** Pet owners can list their pets for adoption, connecting with potential adopters easily.
- ***Donation Campaigns:*** Users can explore ongoing donation campaigns and contribute to support animal welfare and adoption efforts.
- ***Personalized Management:*** Authenticated users can manage their listed pets and track their donations to campaigns.
- ***Admin Management:*** Admins can oversee and manage all pets, donations, and user activities to ensure a smooth and secure platform.
- ***Responsive Design:*** The platform is fully optimized for all devices, providing a seamless experience across mobile, tablet, and desktop.
This platform creates a caring and collaborative space where users can adopt pets, list their pets for adoption, and support animal welfare. Admin supervision ensures reliability and trust for all users, fostering a safe and compassionate environment.
### Technologies
- JavaScript
- React
- Firebase
- Node js
- Express
- MongoDB
- JWT
- Stripe.js
### npm Packages
- lottie-react
- moment
- react-headroom
- react-helmet-async
- react-icons
- react-select
- react-spinners
- swiper *etc.*
### Dependencies
- @emotion/react: ^11.14.0
- @emotion/styled: ^11.14.0
- @mui/material: ^6.4.0
- @radix-ui/react-alert-dialog: ^1.1.4
- @radix-ui/react-checkbox: ^1.1.3
- @radix-ui/react-dialog: ^1.1.4
- @radix-ui/react-dropdown-menu: ^2.1.4
- @radix-ui/react-label: ^2.1.1
- @radix-ui/react-popover: ^1.1.4
- @radix-ui/react-select: ^2.1.4
- @radix-ui/react-slot: ^1.1.1
- @radix-ui/react-switch: ^1.1.2
- @radix-ui/react-toast: ^1.2.4
- @stripe/react-stripe-js: ^3.1.1
- @stripe/stripe-js: ^5.5.0
- @tanstack/react-query: ^5.64.1
- @tanstack/react-table: ^8.20.6
- @tinymce/tinymce-react: ^5.1.1
- axios: ^1.7.9
- class-variance-authority: ^0.7.1
- clsx: ^2.1.1
- date-fns: ^3.6.0
- firebase: ^11.1.0
- localforage: ^1.10.0
- lottie-react: ^2.4.0
- lucide-react: ^0.471.1
- match-sorter: ^8.0.0
- moment: ^2.30.1
- quill: ^2.0.3
- react: ^18.3.1
- react-day-picker: ^8.10.1
- react-dom: ^18.3.1
- react-headroom: ^3.2.1
- react-helmet-async: ^2.0.5
- react-hook-form: ^7.54.2
- react-icons: ^5.4.0
- react-intersection-observer: ^9.15.0
- react-router-dom: ^7.1.1
- react-spinners: ^0.15.0
- slate: ^0.112.0
- slate-history: ^0.110.3
- slate-react: ^0.112.1
- sort-by: ^1.2.0
- swiper: ^11.2.1
- tailwind-merge: ^2.6.0
- tailwind-variants: ^0.3.0
- tailwindcss-animate: ^1.0.7
### Dev Dependencies
- @eslint/js: ^9.17.0
- @types/react: ^18.3.18
- @types/react-dom: ^18.3.5
- @vitejs/plugin-react: ^4.3.4
- autoprefixer: ^10.4.20
- eslint: ^9.17.0
- eslint-plugin-react: ^7.37.2
- eslint-plugin-react-hooks: ^5.0.0
- eslint-plugin-react-refresh: ^0.4.16
- globals: ^15.14.0
- postcss: ^8.4.49
- tailwindcss: ^3.4.17
- vite: ^6.0.5
### Installation
Run ```npm install``` to install project dependencies