hw-13

AARON'S ARTICLE HERE -> https://dev.to/aaronlobitana/ist-256-project-2-done-5d1g

1. How many elements did you end up going with? Why did you break it up that way?

We had a total of 4 elements, each serving a different purpose around the cards. The badge-template element was the smallest in terms of the scope, this contained the badge cards themselves. Each badge card had unique properties like title, creator, icon, category etc. Then there is the search-bar element. This element is used to store a variable that contains the user input, which is parsed through the search bar and stored. Then there is the badge-list element, which is used to store an array of type badge-template (or cards as previously mentioned). This array is responsible for storing and filtering the different badges based on what was input via the search bar element. Finally, we have a badge-search element. This element is used to glue all of the above elements into one solid page.

1. What was the hardest aspect of this?

The hardest aspect was most definitely being able to envision the way that the different elements were to interact with one another. It feels easier to look at a certain idea and recreate it than it is to map out exactly how the idea will function. Additionally, it was challenging to envision how the different elements were to encapsulate one another, and where to begin (or what the most basic steps were vs. the higher up steps are).

1. What part of this project was easier than you expected?

I think that the icons were easier than expected, initially the idea of importing objects via the internet / a link with a library stored was a bit intimidating. However, using the professor's code helped me envision the different ways that the non .js files interact with the project as a whole.