IST 256 HW 11- Joseph Vanacore & John Szwarc
Published: 2023-03-27 03:01:42

**How did you start?**

- When we began drawing up different idea and patterns for our badge list, we decided to research more about badge lists, how they are created, how API's can be implemented in both the front and backend code work. We also looked at project 1 and how we can implement similar tools within HTML, CSS, and JavaScript. Overall, research and understanding API's and badge lists was our start goal so we could understand exactly what we are working on and the tools needed for the success of our project.  

**What did you decide to attack first?**

- We decided to work with more of the front-end side of the code. Our current main objective is to create functioning badge list layouts, images for the badges, and a functioning collapse/description box. So far we have been successful when it comes to building the layout for the badge lists. The images below show the code and the outcome of the layout for our badge list layout.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7i8428dqcvrztsr3250o.png)


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/t520c6to4xcdmdxdap86.png)



**What issues have you had?**

- We have ran into some issued implementing the description drop down box to display details within each badge list. This is an issue that we are now focusing on together so a fully functioning collapse interface will work within our project. We also had some minor image issues, when trying to implement picture icons for the badges, the code doesn't process it correctly which is our next focus after we fix the collapse issue. 

**What concepts translated from Project 1's card?**

- Most of the CSS terms and code was translated over from project 1. In the build of our badges we configured CSS code such as padding and width making the badge list looks appropriate to our end goal. Currently we are also translating some HTML from project 1 and personal cards into the badge list so that it is formed on the web components properly. The picture below is an example we translated from project 1 into project 2. 

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/tn95ygdtlcgo3rrowvy3.png)


**What's your next priority?**

- Our next steps beyond fixing and finishing our current issues presented in our code right now, we want to implement new methods to the application programming interface to connect our deployment to other services. We want to ensure we succeed in creating backend code that will be successful and make out project fully functional. We will begin this process but researching topics and terms within back-end styles of code to familiarize ourselves with new terms and tools that we haven't been exposed to yet. Once we gain more knowledge within the back-end style of code, that build will begin! 

**What problems are you unsure of how to solve?**

- Some problems we don't yet know how to solve is how to implement API's that will help our codes production through the backend. With front-end work, we are confused on how to make the description function to work visually. As we work and research more about this topic, I believe we will be more successful in finding solutions to these issues.