search

HackYourFuture-CPH / fp-class18

Interior design webshop
MIT License
1 stars 0 forks source link

Storybook : Product Details Component #10

Closed semih1239 closed 2 years ago

semih1239 commented 2 years ago

User story

Who: As a developer What: I want to have a production details component and show the details of the product like name, price and units left and enable the user to choose quantities, sizes and colors. Why: so that I can have the same component in multiple products.

Acceptance criteria

Create a storybook component like the one we can see highlighted in the red rectangle

Screenshot 2021-10-31 at 00 00 37

Check the wireframes here: https://www.figma.com/file/lMeDy1n608SLjsKYrKu1nc/HYF-WebShop?node-id=0%3A1

Implementation details

Product Details need to have a picture, name, favourite button, remaining stocks, price.

Also, this component needs add to my card parts. That part needs to include select colours, sizes, number of items and add to card button.

You need to use button and quantity components here. You should use quantity component for number of item part. Also you need to add the image - /src/client/assets/images folder. You can call it image01.

Add a folder called fonts under assets - /src/client/assets/ and add the font files.

dpfernandes commented 2 years ago

@semih1239 here you can mention that you will use the button component developed in this issue https://github.com/HackYourFuture-CPH/fp-class18/issues/2 and that you also need to add the image to /src/client/assets/images - you can call it image01

Jul-S commented 2 years ago

@semih1239 I`ve created a new issue #16 for quantity component that you can reuse here

semih1239 commented 2 years ago

@semih1239 I`ve created a new issue #16 for quantity component that you can reuse here

Thank you Julia. I will update the issue 👍