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

Create a form to upload a product #35

Merged

Conversation

jimenezz22
Copy link
Contributor

📝 Create a form to upload a product

🛠️ Issue

📖 Description

  • This PR implements the UI design for the product upload feature on the marketplace page.

✅ Changes made

1. Product Upload Modal:

  • Created a new component called ProductUploadModal.
  • Added a form with the following fields:
    • Product Name.
    • Description.
    • Price (does not allow negative values and removes increment/decrement arrows).
    • Category (dropdown with predefined options).
    • Image Upload.
    • Save and Close buttons:

2. Add Product" Button:

  • Added at the top-right corner of the marketplace page.
  • Clicking the button opens the product upload modal.

3. Responsive Integration:

  • The modal is fully responsive, adjusting to smaller screens (full width) and larger screens (max-width: 600px).

4. Consistent Styling:

  • Utilized reusable components like Button, adhering to the project's overall design.
  • Visual adjustments align with global styles defined in globals.css.

📜 Additional Notes

  • Evidence about how the new changes look like:
Screenshot 2024-11-25 at 12 30 43 PM Screenshot 2024-11-25 at 12 31 00 PM Screenshot 2024-11-25 at 12 31 59 PM

@danielcdz danielcdz added ODHack10 This issue will be available ONLY during the ODHack10 actual: 2 labels Nov 25, 2024
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! awesome job mate

@danielcdz danielcdz merged commit 4392468 into KaizeNodeLabs:main Nov 25, 2024
1 check failed
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.

Create a form to upload a product
2 participants