@dwtoledo Ignite Coffee Shop using React with Typescript

This project is a coffee shop simulation. It displays a page with all coffee options to be inserted on shopping cart, a shopping cart page itself with address and payment form, and another to inform to the user that the order was placed successful.

The project used various React features such as components, props, states, contexts, router, form with Zod validations. Styling was done with Styled Components.

Layout:

Main page with banner and all product options:

Checkout page with order details and address/payment form:

Order confirmation page with all order details:

How to view the project:

You need to have Node.js installed on your machine. Clone the repository and into the project folder, run the following command in the terminal to install all necessary dependencies:

npm install

Then, run the following command to start the project:

npm run dev

This will start the local server. Open the project in your browser, explore and interact with its features.

Contributing:

Contributions are welcome! Feel free to create a pull request with your improvements or fixes.