https://github.com/boobeh123/doggy-directory

doggy directory displays dog breed names & images - Mobile friendly! - Live on Github Pages / Link in repo
https://github.com/boobeh123/doggy-directory

css3 fetch-api html5 javascript

Last synced: 3 months ago
JSON representation

doggy directory displays dog breed names & images - Mobile friendly! - Live on Github Pages / Link in repo

• Host: GitHub
• URL: https://github.com/boobeh123/doggy-directory
• Owner: boobeh123
• Created: 2022-05-04T19:38:22.000Z (about 3 years ago)
• Default Branch: master
• Last Pushed: 2022-09-21T01:41:06.000Z (over 2 years ago)
• Last Synced: 2025-01-06T06:44:11.420Z (5 months ago)
• Topics: css3, fetch-api, html5, javascript
• Language: CSS
• Homepage: https://boobeh123.github.io/doggy-directory/
• Size: 4.06 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
## 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

![TBD](demo2.gif)

## 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/