Coffee Delivery is a project aimed at learning the use of context in React applications. This project was developed as a part of a study on React context and state management.
About Β | Β Features Β | Β Technologies Β | Β Requirements Β | Β Starting Β | Β License Β | Β Author
Β
Coffee Delivery is a simple web application that allows users to order coffee and have it delivered to their doorstep. The main focus of this project is to learn how to use React context for state management and application-wide data sharing. It was built as a study project to improve skills in React and state management techniques.
In this challenge, you will develop an application to manage a fictitious coffee shop's shopping cart with the following features:
- β List of available products (coffees) for purchase
- β Add a specific quantity of items to the cart
- β Increase or remove the quantity of items in the cart
- β User address form
- β Display the total value of the sum of items in the cart multiplied by the unit price
The following technologies and libraries were used in this project:
- React
- Vite
- Typescript
- Chakra UI
- React Router Dom
- Styled Components
Before getting started with Coffee Delivery, make sure you have the following prerequisites installed on your machine:
To get Coffee Delivery up and running on your local machine, follow these steps:
-
Clone this project:
$ git clone https://github.com/rvahilario/coffee-delivery
-
Navigate to the project directory:
$ cd coffee-delivery
-
Install project dependencies:
$ npm install
-
Start the development server:
$ npm run dev
The Coffee Delivery application will be available at http://localhost:5173.
This project is licensed under the MIT License. For more details, see the LICENSE file.
Made with β by Renan HilΓ‘rio
Β
βοΈ Back to top βοΈ