For my final project I developed a website that helps you find cat breeds that work best with your lifestyle. My inspiration for this project was my friend's cat JC who is really the first cat I've interacted with. My family is allergic to cats so I don't know much about them, and this website helps people like me find breeds that are most compatible with the attributes they're looking for. This includes traits like indoor/outdoor, friendliness to strangers, and energy level.
The website uses a template from html5up.net for the visual layout. The api I used was The Cat API and it returns data on 67 breeds in a JSON format. I collected data about the user from input fields for each trait and ran the results in a scoring algorithm. You can see the results in the console. The cat with the score closest to 0 is the one you a most compatible with because they have the smallest difference between the desired traits and actual breed traits. Any ties go to the cat who comes first alphabetically.
This project was a great combination of topics learned throughout the class including Vue.JS, pulling from APIs, and processing input with event handling. One feature I'd like to improve is the changing of boolean inputs to checkboxes. The template I used had CSS that prevented checkboxes from displaying.
You may want to force your strong words, while other times you just want to
imply what you mean. You can always YELL using bold,
but you can also bring attention
with a simple underline. A balance is neccessary in a document.