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
Binary file added .DS_Store
Binary file not shown.
65 changes: 43 additions & 22 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,22 +1,43 @@
# 📊 Project: Complex API 2

### Goal: Use data returned from one api to make a request to another api and display the data returned

### 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...
```
# 🐾 Animal Picture Fetcher 🖼️

## 🎯 Goal
Create a **web application** that:
- Uses **one API** to get data (e.g., an animal name)
- Uses that data to make a **request to another API**
- Displays the returned **animal picture** dynamically

---

## 🚀 Features
- ✅ User enters the name of an animal
- ✅ Fetches relevant data from the **first API** (e.g., validating or enriching the input)
- ✅ Uses that data to fetch a **picture from a second API**
- ✅ Dynamically displays the image on the webpage
- ✅ Lightweight, fast, and interactive

---

## 🧩 Tech Stack
- **HTML/CSS** – Webpage structure and styling
- **JavaScript (ES6)** – Handles API calls and DOM updates
- **Fetch API** – Sends requests to APIs
- **Animal APIs** – Example:
- First API: [Animal Info API] (validates animal or gets details)
- Second API: [Animal Image API] (returns picture of the animal)

---

## 💻 How It Works
1. User enters an animal name into a form.
2. The app sends a request to the **first API** to get validated or enriched data.
3. Using the returned data, the app requests a **picture from the second API**.
4. The image is displayed dynamically on the page.
5. Users can search for **multiple animals** without refreshing.

---

## 📦 Installation & Usage

1. Clone the repository:
```bash
git clone https://github.com/yourusername/animal-picture-fetcher.git
Loading