In this challenge, an application was developed to manage a shopping cart of a fictitious coffee shop, which contains the following features:
- List of products (coffees) available for purchase
- Add specific amount of items to cart
- Increase or remove the amount of items in the cart
- Form for the user to fill in his address
- Display total items in cart in Header
- Display the total value of the sum of items in the cart multiplied by the value
Although there are few features, concepts such as:
- States
- State immutability
- Lists and keys in ReactJS
- ContextAPI
- LocalStorage
- Properties
- Componentization
- Eslint
- Reducer
This project was developed with the following technologies:
You can view the layout of the project via the link below:
Before you begin, you will need to have the following tools installed on your machine: [Git] (https://git-scm.com), [Node.js] (https://nodejs.org/en/). In addition, it is good to have an editor to work with the code like [VSCode] (https://code.visualstudio.com/)
# Clone this repository
$ git clone git@github.com:exodogurgel/coffee-delivery.git
# Access the project folder in your terminal
$ cd coffee-delivery
# Install the dependencies
$ npm install
# Run the application in development mode
$ npm run dev
# The application will open on the port: 3000 - go to http://localhost:5173
Êxodo Gurgel 🚀
This project is under the license MIT.
Made with ❤️ by Êxodo Gurgel 👋🏽 Get in Touch!