Welcome to the Fetch Dog Adoption App, a React + TypeScript single-page application (SPA) that lets users browse and favorite adoptable dogs.
Users can:
- 🐾 Filter by breed
- 📊 Sort by name, age, or breed
- ❤️ Favorite dogs
- 🎯 Match with a dog from their favorites
- 🔄 Navigate with pagination
- 🔐 Log in and out with simple authentication
Check out the deployed app on Vercel:
👉 Launch App
You can explore the full source code here:
🔗 jbloch100/fetch-dog-adoption-app
- ⚛️ React
- 🟦 TypeScript
- ⚡ Vite
- 🔗 Axios
- 🎨 Material UI (MUI)
- ☁️ Vercel (Deployment)
- 🔐 Login with name and email
- 📚 Browse all adoptable dogs
- 🔍 Filter dogs by breed
- ⬆️ Sort by breed, name, or age
- ❤️ Favorite dogs
- 🎯 Match with a dog from your favorites
- 🔁 Pagination support (cursor-based)
- 🚪 Logout functionality
To run locally:
git clone https://github.com/jbloch100/fetch-dog-adoption-app
cd fetch-dog-adoption-app
npm install
npm run dev
- ✅ All features implemented per specifications
- ✅ Clean, responsive UI with filtering and pagination
- ✅ Authentication integrated
- ✅ State managed via Context API
- ✅ Fully deployed on Vercel
- ✅ Console warnings cleaned, and tests pass
Finalized on: June 12, 2025