Product card component - Githubissues

zero-to-mastery / WebBlocks

zero-to-mastery re-usable web component library.

https://zero-to-mastery.github.io/WebBlocks/

MIT License

22 stars 60 forks source link

Product card component #4

Open r4pt0s opened 3 years ago

r4pt0s commented 3 years ago

As the title already suggests, a product car component. It's more like a case study how far we can get here with such a component. Chances are that this one component contains more other components as well. At least it should get split into smaller chunks which can totally happen in another PR then.

Feel free to come up with features and design yourself.

pri1311 commented 3 years ago

I would like to work on this, however, I had a few questions as to how detailed it has to be? I assume it would be the title, cost, description, and image. Is there anything else you expect?

r4pt0s commented 3 years ago

@pri1311 No, for the first iteration of this component, this would be totally fine.

For the future I have things in mind like

a different image on hover or a text which appears on hover
add to cart action
product variation swatches like we all know it from Amazon. If you click on one of them, the color of the product changes for example.

Shall I assign it to you?

pri1311 commented 3 years ago

I believe implementing the first two features you mentioned wouldn't be difficult, however, I believe product variation is beyond my scope.

Shall I assign it to you?

Yes, would like to work on this one.

r4pt0s commented 3 years ago

No worries @pri1311 you don't have to.

Going with the basics is absolutely fine. Go for it 💪🏻

StrykerKent commented 3 years ago

Is this still being worked on?

If not, I would like to take a shot at it.

r4pt0s commented 3 years ago

@pri1311 Did you develop anything for this component till now?

pri1311 commented 3 years ago

@r4pt0s I couldn't complete the component. I Will unassign myself.