I developed this project as a challenge of my latest studies on React lessons at Rocketseat.
This project was developed based on a Figma design provied by the school. The main practice was: states and it's immutability; Routing; Context API for managing global states; Reducer for managing all needed actions of coffees cart and form submiting; LocalStorage for saving data on browser; React Hook Form and Zod for validate and send checkout form; Used Styled Components for styling.
It includes: add, remove and change quantity of coffeees at cart; calculate prices relative to it's quantity and sum with a fixed shipping tax; Change values, validate and save data coming from form; Show a confirmation page containing information about the order tha was just sent.