Hey there! This is my take on a dog adoption app for Fetch. It’s a clean, React-powered tool to help you find your dream pup. Search by breed, age, or zip code, save your favorites, and let the app pick a match just for you. It’s got a slick design, dark mode toggle, and map pop-ups everything you need to adopt with ease.
Check it out live on Live Demo
- Search & Filters: Find dogs by breed, age, or location.
- Favorites: Heart the ones you love and filter them out.
- Matchmaking: Hit "Find Match" for a personalized pup pick.
- Map Modal: Click a dog to see where they’re at.
- Dark Mode: Easy on the eyes, day or night.
- Responsive: Looks great on any screen.
- React + TypeScript
- Tailwind CSS
- TanStack Query
- Framer Motion
- Zustand
- Clone it:
git clone https://github.com/waiz3ple/dog-adoption.git - navigate:
cd dog-adoption - Install stuff:
npm install - Start it up:
npm run dev - Open
http://localhost:5175/dog-adoption/
This was a fun challenge from Fetch! I loved splitting it into neat modules and making it smooth to use. Hope you enjoy it as much as I did building it.
Made by Wasiu Ramoni for Fetch, March 2025.