DEV Community

ColtonE37
ColtonE37

Posted on • Updated on

Web Component Building

To further explore web components, I have been introduced into making a card on a webpage. Previously, a group of students and I have built a functional and reusable button web component, now implementing into the card, to allow the user to be more interactive on the page.

Card Building Example

card example

Potential Difficulties

At a first glance, I think now that each member of the group is going to be focusing on one card, the most difficult part will be communication before and after making changes and pull requests to the component, as well as particular functionality with a clickable icon into a drop-down list of content. We want to make this card as user-friendly as possible, giving it an adequate amount of usability and accessibility to all users on all platforms. Going along with that, making our component usable on mobile and other spaces other than a PC webpage may present a new set of difficulties in the near future.

What Is Manageable?

Since making our button web component, I think shifting those elements into our card will be fairly simple and not too difficult to reflect into our card. I think the card may adopt many features that the button has, so just manipulating it to do a little more functionality will be the challenge, but not as hard with more brainpower and ideas. We have been given a good example template to work off of and we will make the most of what we are given.

Github: (https://github.com/TheKodingKrab/project-two)

Top comments (0)