User Story Product Card - Githubissues

DarrachBarneveld / ci-swag

Project 5 for Code Institute - Diploma in Full Stack Software Development (E-commerce Applications)

0 stars 2 forks source link

User Story Product Card #23

Closed DarrachBarneveld closed 9 months ago

DarrachBarneveld commented 9 months ago

As a User, I can see standardised product preview card, providing key information at a glance so I can quickly make a decision

Acceptance Criteria:

Each product is represented by a standardised article preview card.
The product card includes essential information, such as price, rating and image.
The card has a short excerpt of marketing copy to sell the product.
Users can click on the product card access the full product details page.
The layout of the product card is responsive and optimised for various screen sizes

Tasks

[x] Create a standardised template for rendering product cards.
[x] Configure the preview card to include a thumbnail image representing the product
[x] Ensure that the preview card links to the full product details page
[x] Ensure all rating, price and excerpt are displayed in an easily digestible manner.
[x] Design and implement a responsive layout

DarrachBarneveld commented 9 months ago

Product card styled and displays relevant data - links to product detail page