Coffe-Delivery it was developed with the intention of reproducing a coffee e-commerce, divided between product routes, form / cart and a final screen for when the order is confirmed
Here are the technologies used in this project.
- React 18.2.0
- Typescript 4.6.4
- Styled-Components 5.3.5
- React-Router-Dom 6.3.0
- React-Hook-Form 7.33.1
- Zod 3.17.10
- Immer 9.0.15
- Github.
1 - Run the command yarn in the terminal to download the dependencies.
2 - Run the yarn dev command in the terminal, to start the APP
- In this part of the site, we see the coffees offered, with their name main, ingredients and values, buttons to increment and decrement, and one to add to the cart
- One of the implemented functionalities is the product limit according to the quantity in stock, the user will not be able to put more than the quantity in stock, and if he puts the maximum of product in the cart a message written "product out of stock" will be displayed.
- In the cart component, you will have a form to fill out to make the delivery, with some validations, the payment method, and the products added to the cart, being possible to delete, increment and decrement from the cart.
- If the user does not fill in the form field in which it is required, an error message will be displayed in the field, as well as not allowing the order to be completed.
- When the data is filled in correctly and the order is completed a screen with the order information and a delivery time will be displayed.
- Screen on devices mobile
- Repository: https://github.com/MagalhaesDev/Coffe--Delivery
- In case of sensitive bugs like security vulnerabilities, please contact mateusmagalhaesemidio@gmail.com directly instead of using issue tracker. We value your effort to improve the security and privacy of this project!
1.0.0.0
- Mateus Magalhaes Emidio
Please follow github and join us! Thanks to visiting me and good coding!/