DEV Community

e10chen
e10chen

Posted on

IST 256 Badge Dashboard Post 2 Development

Git Repo:
https://github.com/NewJerkey/badge-dashboard

Image description

How did you start?
To kick start our creation of the badge dashboard, we decided to look at the current state of Penn State Digital Badges Explore Page and base it off our own dashboard. We inspected the page and recon what elements we wanted to use and copy into our own project.

What did you decide to attack first?
We decided to attack the visual aspect of the badge dashboard first like the HTML and the CSS. We implemented the search bar as a web component. We implemented the magnify icon, and the structure of what the badge looks like and the styling elements of it.

What issues have you had?
One of our laptops unfortunately suffered an LCD failure so he was limited in working capability since all of his code is not backup separately. The other developer has a immune system failure and was sick for the past 2 weeks. He was limited in how much he can work as well due to him slowly recovering from his illness.

What concepts translated from Project 1's card? What's your next priority?

The concepts that we took from project 1 was the general web components design like putting in the html tags and the CSS styling. Our next priority is to make the search function functionable and it can search the specific badges the uses want. Then we want to create the backend to store all of the different types of badges.

What problems are you unsure of how to solve?

The problems we have difficulty solving is renaming one of the web component files to something else but for some reason it broke everything in our code and made the badge list not show up visibility on the web page. We need to research more on how to implement the actual search function to query the badges we want. We have no idea how to make a backend either so more research is required.

Top comments (0)