April 2020
Intermediate to advanced
716 pages
18h 55m
English
Sellers in the marketplace application will interact with a form view to enter details of a new shop and create the new shop. We will render this form in the NewShop component, which will allow a seller to create a shop by entering a name and description, and uploading a logo image file from their local filesystem, as pictured in the following screenshot:

We will implement this form in a React component named NewShop. For the view, we will first add the file upload elements using a Material-UI button and an HTML5 file input element, as shown in the following code:
mern-marketplace/client/shop/NewShop.js:
<input accept="image/*" ...
Read now
Unlock full access