Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
70 changes: 48 additions & 22 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,22 +1,48 @@
# 📊 Project: Simple API 1

### Goal: Display data returned from an api

### How to submit your code for review:

- Fork and clone this repo
- Create a new branch called answer
- Checkout answer branch
- Push to your fork
- Issue a pull request
- Your pull request description should contain the following:
- (1 to 5 no 3) I completed the challenge
- (1 to 5 no 3) I feel good about my code
- Anything specific on which you want feedback!

Example:
```
I completed the challenge: 5
I feel good about my code: 4
I'm not sure if my constructors are setup cleanly...
```
# 🐶 Dog Breed Info App 🐾

## 🎯 Goal
Create a **web application** that fetches and displays data from a **dog breed API**.
Users can enter a dog breed name and see detailed information about that breed.

---

## 🚀 Features
- ✅ Input field to search for a dog breed
- ✅ Displays breed information:
- Breed type
- Height
- Weight
- Life span
- Temperament
- ✅ Shows an **image of the breed**
- ✅ Interactive and user-friendly

---

## 🧩 Tech Stack
- **HTML/CSS** – Page structure and styling
- **JavaScript (ES6)** – Fetch API, dynamic DOM updates
- **Dog API** – Example: [The Dog API](https://thedogapi.com/)

---

## 💻 How It Works
1. User types a **breed name** into the input field.
2. User clicks **Search Breed**.
3. JavaScript sends a request to the **Dog API**.
4. API returns breed data and an image.
5. The page updates dynamically:
- Breed group
- Height
- Weight
- Life span
- Temperament
- Image of the dog

---

## 📦 Installation & Usage

1. Clone the repository:
```bash
git clone https://github.com/yourusername/dog-breed-info.git
Loading