Matching the style of the attached image, create a bulk image upload tool that does that following: (1) upload multiple images in jpeg format (2) when images are done downloading, display a form ui that has the image uplaoded in the far left column, and columns for the following data to be inputted: title vendor Dimensions
234d ago
I've created a bulk image upload tool that matches the minimal black and white design from the screenshot. Here are the key features:
- Accepts multiple JPEG images through a file upload button
- Displays uploaded images in a table format with the image preview on the left
- Provides input fields for title, vendor, and dimensions for each image
- Maintains the clean, minimal aesthetic with black and white color scheme
- Includes a header with the "GET SET" branding and navigation buttons
The interface is responsive and includes:
- A scrollable table for handling multiple uploads
- Preview thumbnails for uploaded images
- Input fields for each required piece of data
- A save button to submit all entries at once
To use this component:
- Click the "Upload Images" button to select multiple JPEG files
- Fill in the details for each uploaded image
- Click "Save All" to submit the form
The component is ready to be integrated with a backend API - you just need to implement the submission logic in the handleSubmit function.
234d ago