AD311-W26 Fetching Dog Data with JavaScript

Copper Wilson

AD311 - Intermediate Dev 1 Winter 2026 at NSC

Week 5 Assignment: Fetching Dog Data with JavaScript

Overview

This project is a simple web application built to practice using the JavaScript Fetch API with a third-party public API. The application retrieves and displays data from the Dog API, including dog breeds, breed details, dog facts, and dog groups. It also includes basic error handling.

---

Features

• Fetch and display a list of dog breeds
• Click a breed to view detailed information
• Fetch and display random dog facts
• Fetch and display dog groups
• Error handling for failed API requests

---

Technologies Used

• HTML
• JavaScript (Fetch API)
• Dog API (https://dogapi.dog)

---

How to Run the Project

• Double-click index.html to open it in your browser

---

How to Use the Application

• Click Load Breeds to fetch and display all dog breeds
• Click any breed name to view detailed information
• Click Load Facts to display random dog facts
• Click Load Groups to display dog group information

---

Notes

• Error handling is implemented using response.ok checks and try/catch blocks
• Console logging is used for debugging and transparency