Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Feat add product images #23

Merged
merged 3 commits into from
Nov 22, 2024

Conversation

derianrddev
Copy link
Contributor

📝 Add Product Images to Marketplace Cards

🛠️ Issue

📖 Description

This PR adds the ability for product cards on the marketplace page to display images. Users can now view a carousel of product images, enhancing the visual appeal and providing better insight into the items being showcased.

✅ Changes made

  1. Integrated a carousel component from ShadUI to display multiple product images.
  2. Updated the ProductList component to include support for the image carousel.
  3. Modified the product data structure to handle an images array for each product.
  4. Added sample product images in the public folder for testing and demo purposes.
  5. Adjusted the styles of the product cards slightly to improve their overall appearance and better integrate the carousel.
  6. Styled the carousel for compatibility with the existing design and ensured responsive.

📜 Additional Notes

localhost_3000_marketplace (1)
video

Copy link
Member

@danielcdz danielcdz left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

can you create a directory called images and move the image files there?

Copy link
Member

@danielcdz danielcdz left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM

@danielcdz danielcdz merged commit b3ca35f into KaizeNodeLabs:main Nov 22, 2024
@danielcdz danielcdz added ODHack10 This issue will be available ONLY during the ODHack10 actual: 2 labels Nov 24, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
actual: 2 ODHack10 This issue will be available ONLY during the ODHack10
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Add images to products in marketplace
2 participants