Improvements and Fixes in my ReactJs project

Job ID: 34851028

Budget: $30 – $250 USD

HOME
-> adjust image size (set default for all to keep the same size)
-> break description into two lines if necessary


SEARCH
-> clear all filters
-> adjust average filter of comments
-> add rating 0
-> add rating 5
-> add field "All" same price


PRODUCT DETAILS
-> integration with Mandaê to calculate shipping
-> adjust image size (set default for all to keep the same size)
-> be possible to have more than one image (carousel with images)
-> format value to standard pt-br (ex: 55.00)
-> if the field "countInStock" is 0, show status "unavailable", if it has value, we will show the status "in stock", however in quantity we will show the field "fakeStock"
-> comments
-> when adding a comment, keep system default toastr and not an alert
-> format date to standard pt-br (ex: 27/09/2022)


NEW USER REGISTRATION
-> translate password to "Password"
-> translate error message when putting invalid data or missing data
-> put email with capital E (Email)
-> validate password and confirm password are same
-> add CPF field
-> add birth date
-> add phone field (ddd + phone ex: "16 997884554")


LOGIN
-> put email with capital E (Email)
-> translate password to "Password"
-> translate error message when putting invalid data
-> forgot password


CART
-> format values ​​for standard pt-br (ex: 55.00)
-> integration with Mandaê to calculate shipping


CHECK-OUT
-> delivery address
-> add fields: number, neighborhood, complement, state
-> integration with cep api

-> remove alert when clicking continue (set your location on map)
-> add payment types accepted by the system (PIX, CREDITCARD, BANKSLIP)
-> if the payment type is credit card, send the following information
-> ["flag", "name", "number", "expirationMonth", "expirationYear", "cvv"]
-> show shipping cost if you don't have a label
-> fix api integration to close the order


MY PROFILE (AFTER LOGIN)
-> translate password to "Password"
-> translate error message when putting invalid data or missing data
-> put email with capital E (Email)
-> validate password and confirm password are same
-> add CPF field (view only, field blocked for editing)
-> add birth date
-> add phone field (ddd + phone ex: "16 997884554")


REQUESTS
-> format date to standard pt-br (ex: 27/09/2022)
-> format the total amount of the order to standard pt-br (ex: 55.00)


ORDER DETAILS
-> translate "order" to "Order"
-> dispatch area
-> format address (street, number - neighborhood - complement (not required))
*line break* city/state - postalCode
-> button to download tags (attachments)
-> payment area
-> if payment method is PIX
-> add QR code on the screen and provide a button to copy the pix code
-> show payment deadline
-> if current date is greater than payment deadline, do not show qr code
-> if payment method is BOLETO
-> make the barcode available
-> option to download the ticket
-> order items area
-> format item value to standard pt-br (ex: 55.00)
-> remove order summary

SELLER


LIST OF MY PRODUCTS
-> add stock field in listing
-> when clicking on create product, open the same product editing screen but with empty fields
-> if the user has a registered erp, have a button to "sync" with the erp (all products)

EDIT PRODUCT
-> image upload integration
-> if the product already has images, show images
-> be able to remove image
-> when sending images, multiple images are possible
-> back to listing button
-> add fakeStock field below "Quantity in stock" (number)
-> when updating and succeeding, show a success toastr back to my products listing
-> if the user has an erp registered, have a button to "sync" with the erp (per product)

DELETE PRODUCT
-> open confirmation pop instead of alert

LISTING OF MY ORDERS
-> translate "user" to Client
-> change delete to cancel order
-> when clicking on cancel, open a pop with a list of reasons for canceling the order

ORDER DETAILS - SELLER
-> not having part of payment
-> button to submit order (send date and tracking code)
-> button to confirm payment (send date)
Related categories: JavaScript CSS HTML React.js jQuery