Skip to content

A React TypeScript app for browsing and matching adoptable dogs using the Fetch API. Built for the Fetch FrontEnd Take-Home Challenge.

Notifications You must be signed in to change notification settings

jbloch100/fetch-dog-adoption-app

Repository files navigation

🐶 Fetch Dog Adoption App

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

🚀 Live Demo

Check out the deployed app on Vercel:
👉 Launch App


📂 GitHub Repository

You can explore the full source code here:
🔗 jbloch100/fetch-dog-adoption-app


🧰 Tech Stack

  • ⚛️ React
  • 🟦 TypeScript
  • ⚡ Vite
  • 🔗 Axios
  • 🎨 Material UI (MUI)
  • ☁️ Vercel (Deployment)

🔑 Features

  • 🔐 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

🛠 Installation

To run locally:

git clone https://github.com/jbloch100/fetch-dog-adoption-app
cd fetch-dog-adoption-app
npm install
npm run dev

✅ Requirements Fulfilled

  • ✅ 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

📅 Project Completion

Finalized on: June 12, 2025


💖 Built With Love by jbloch100

About

A React TypeScript app for browsing and matching adoptable dogs using the Fetch API. Built for the Fetch FrontEnd Take-Home Challenge.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published