Description

A web application that fetches a list of dog breeds, displays a random picture of that breed, and creates a unique name, likes, and dislikes.

Demo

Features

• Fetches from Dog.CEO API & returns 95 different breeds of dog.
• Displays an image of the specified breed.
• Create names, likes, dislikes, and fun facts.

Technologies

Optimizations

• Add a "generate random breed" button.
• Add better legibility to generated Facts & Hobbies

What did you learn?

• HTML: Drop down menu with select tag & option tags
• JavaScript: Fetching from API, createElement method, and Fisher Yates Shuffle
• Git: Version control of a project start to finish

Reflection

The Dog CEO API is easy to work with and great for beginner projects. It requires no authentication and a simple fetch is enough to start interacting with it.

Source:

https://dog.ceo/dog-api/