Pets

My project is a pet adoption website designed to facilitate the adoption process for pets in need of homes. It includes user and admin dashboards for managing adoptions and listings, along with Stripe integration for secure online payments.

Key Features:

• Implemented admin and user dashboard.
• Users can select a pet, learn more about it, submit adoption applications, and make adoption payments securely through Stripe.
• Implemented Stripe for processing adoption payments securely on the website.

Technologies:

• TanStack Query
• AXIOS
• Firebase
• React Table
• React Infinite Scroll Component
• React Intersection Observer
• React Loading Skeleton
• Stripe
• Tiptap
• React Select
• React Date Picker
• React Hook Form
• React Router Dom
• React-icons
• Daisy UI
• TailwindCSS
• Mamba UI - Components
• React-Helmet-Async
• Prop-Types
• React-Toastify
• sweetalert2

Cloning Process:

• Clone the repository: git clone https://github.com/AthkiaAdiba/my-last-assignment-client

• Navigate to the project directory: cd YourProject

• Set up Environment Variables:

  1. Create a .env.local file in the root directory of your project.
  2. Add your environment variables in the .env.local file.For example:

  REACT_APP_API_KEY=your_api_key

  REACT_APP_AUTH_DOMAIN=your_auth_domain

  REACT_APP_DATABASE_URL=your_database_url

  REACT_APP_PROJECT_ID=your_project_id

• Install dependencies: npm install

• Start the development server: npm run dev