Pet Adoption Hub 🐾

A modern pet adoption platform connecting loving families with pets in need. This project demonstrates full-stack capabilities with a focus on frontend development, API integration, and responsive design.

Key Features ✨

• Responsive UI: Mobile-first design with Tailwind CSS + DaisyUI components
• Dynamic Content: Real-time pet data fetching from REST API
• Interactive Elements:
  • Mobile-responsive hamburger menu
  • Price sorting (Low-High/High-Low)
  • Favorites gallery with image storage
  • Pet details modal with vaccination info
• Error Handling: Graceful error states for API failures
• Accessibility: ARIA labels and semantic HTML
• Performance Optimizations:
  • Lazy image loading
  • Dynamic content rendering
  • Efficient state management

Technologies Used 🛠️

• Frontend: HTML5, CSS3, JavaScript (ES6+)
• Styling: Tailwind CSS + DaisyUI
• API: Programming Hero Pet API
• Tooling: Vite (recommended), npm scripts

Installation & Usage 🚀

Clone Repository

git clone https://github.com/FahmidaTasmia/PetAdoptHub.git
cd petAdoptHub

## Project Structure 📂

pet-adoption-hub/
├── src/
│   ├── assets/
│   ├── scripts/
│   │   └── main.js
│   ├── styles/
│   │   └── main.css
│   └── index.html
├── public/
│   └── images/
├── package.json
└── vite.config.js



Live Demo 🌐
https://petadpotthub.netlify.app/