PetAdopt - Responsive Pet Adoption Web App

Overview

PetAdopt is a responsive and accessible web application for discovering and managing pets available for adoption. Users can browse pets, view detailed profiles, and share listings, while admins can securely log in to create, edit, or remove pets from the platform. The application was built with vanilla JavaScript, Bootstrap 5, and the Noroff API, focusing on clean structure and an intuitive user experience.

Key Features

Fully responsive design built with Bootstrap 5 and modular CSS components.
Dynamic pet listing grid with API-driven data and live search functionality.
Pet detail pages showing name, breed, age, and description with Adopt Me and Share actions.
Admin authentication for creating, editing, and deleting pet listings.
Accessible, SEO-friendly, and optimized interface tested with Lighthouse and WAVE.
Deployed on Netlify with connected GitHub version control.

UI Showcase

PetAdopt homepage with pet listings — Pet Listing Page - displays all pets with a responsive grid layout and integrated search filter.

PetAdopt pet details page — Pet Details Page - shows pet name, breed, age, and description, with **Adopt Me** and **Share** options.

PetAdopt admin dashboard — Admin Dashboard - provides tools for adding, editing, and deleting pets through secure login.