Tee-s-Dog-Shelter


This project shows the various dogs available in Tee's Dog shelter, their given names, likes, dislikes and funfact about them.

Link to project:

[https://tees-doggie-shelter.netlify.app/]

Screenshot & GIF:

Alt Text Gif

How It is Made:

Tech Stack Used: HTML, CSS, JavaScript

Using the dog ceo api, a collection of breed with assigned images are called on selection. The names, likes, dislikes and funfact of the breeds are shuffled using a for loop. The yates shuffle was also used to providea more even shuffle occurrence. The light blue tone for the background was selected as this dog shelter site is meant to be friendly and welcoming to users.

Lessons Learned

I learned about a more even shuffle with the Fisher Yates shuffle for javascript through this tutorial.