Peddy is a user-friendly platform designed to bring pets and families together. Whether you're looking to adopt a dog, cat, or any other pet, Peddy makes the process easy and engaging. Browse through various pets, learn about their breeds, and start your adoption journey with just a few clicks.
- Responsive Design: Optimized for all devices with a clean and modern interface, ensuring a seamless experience on mobile, tablet, and desktop.
- Dynamic Pet Categories: Explore pets based on different categories such as dogs, cats, birds, and more, dynamically loaded from an external API.
- Adopt Modal with Countdown: Initiate the adoption process through an interactive modal window with a fun countdown feature.
- Favorite Pets: Easily like and save your favorite pets by adding them to a personalized "Liked Pets" section.
- Sort Pets by Price: View pets based on their price and sort them to find the best deals with a single click.
- Arrow Functions: Simplified syntax for writing cleaner, shorter functions.
- Template Literals: Used for constructing HTML dynamically with embedded expressions.
- Async/Await: Handles API calls for fetching pet data asynchronously, ensuring smooth and non-blocking UI updates.
- Destructuring Assignment: Accesses nested values from API responses in a clean and readable manner.
- Modules: Code is organized into separate JavaScript files for better readability and maintenance.
- DaisyUI: A lightweight and customizable UI framework based on Tailwind CSS.
- Font Awesome: For crisp, scalable icons used throughout the site.
- JavaScript Fetch API: For calling external APIs to load pet categories and details.
- Tailwind CSS: Used for rapid UI development with a mobile-first approach.
Visit the live version of the project here: Peddy Pet Adoption
To run this project locally:
- Clone the repository.
git clone https://github.com/your-username/peddy-adoption.git