React, Formik, Material UI Form and Table Component
Budget: $30 – $250 USD
I'm looking for a react developer who is able to create a form with an image/video preview that, when uploaded, displays a preview of the image/video that the user can remove before submitting the form to upload. The image and form will be submitted to the same endpoint. accepted file extensions for images are jpg. png.
On success, we want the node to be populated in a table with the following headers. title, description and image/video. We want to have two action buttons at the end of each row. Edit and Delete. On delete we want a popup to confirm the user action. On Edit we want to pop up a modal with title, description, and image/video from which they can change either field. On successful delete or edit we want a green Snackbar to appear in the bottom lefthand part of the screen.
This needs to be done with the following stack; Material UI, Formik, & React. Please do not use plain css/css3 style file. Use JSS.
We have a file that can be used as a foundation to start from. Please optimize and create a repo in github I can view and make comments for a code review. Any questions please reach out. I've attached an image that looks exactly how we're expecting the form to look. We will not release the project unless it's 100% correct!
On success, we want the node to be populated in a table with the following headers. title, description and image/video. We want to have two action buttons at the end of each row. Edit and Delete. On delete we want a popup to confirm the user action. On Edit we want to pop up a modal with title, description, and image/video from which they can change either field. On successful delete or edit we want a green Snackbar to appear in the bottom lefthand part of the screen.
This needs to be done with the following stack; Material UI, Formik, & React. Please do not use plain css/css3 style file. Use JSS.
We have a file that can be used as a foundation to start from. Please optimize and create a repo in github I can view and make comments for a code review. Any questions please reach out. I've attached an image that looks exactly how we're expecting the form to look. We will not release the project unless it's 100% correct!