Add And Refactor React/redux Components For Purchase Order

via GoLance 6 years ago Web, Mobile & Software Dev Remote

Project overview

I have started part of a feature and need help finishing the rest. It is React and Redux project that has connection to Rails backend. The bulk (if not all) of the work is in React, and if the person has little or no experience with Rails, that should not be a problem, as I can make modifications. There is an existing table component that needs to be refactored a little bit to fit the requirements. I have mockups, so it is easiest to look at mockups that have annotations of the work, but below is a list of the work in writing. Step 1 has already been completed (see .gif file), so the work needed to be done is Step 2 and on. Step 2 - Send purchase order - Form has 3 input fields - to, from, and message. Message is prefilled with data. - PDF of the items is generated on the front end. This task can be done at the very end instead, as priority of this is lowest. - Hook up "Receive" button to save the form and transition to next step (transition to next step already done) Step 3 - Item verification form - Input box that has keyboard listener. Pressing enter will make a request to server to update data - Refactor table (called grid) to have two new columns - scanned and difference - Only edit buttons show in the table. Edit only allows "scanned" field to be changed. - Status turns to "All verified" and has icon showing upon all items in table being scanned. Step 4 - Review form - Add several buttons and a dropdown menu - Selection of particular option in dropdown menu will reveal other options (another dropdown menu) - "Update Shopify" button will make a request to server, taking into consideration what was selected in dropdown menus. - Generate PDF button opens a new tab to generate PDF on frontend Step 5 - Confirmation - Add/modify a couple buttons - Generate PDF opens new tab to page that generates PDF on frontend - Export CSV makes a request to server to generate a pdf.

Similar projects

Apply on GoLance