This project was created as part of the Founders and Coders application process.
This Fruit Shop is a simple project developed using JavaScript, CSS, and HTML.
The project allows the user to add fruits to the cart.
User can add various fruits to the basket, view the basket, change the number of fruits in the basket and remove fruits from the basket.
The cart displays the number of fruits, the price per unit, the total price of the fruits and the total number of fruits in the cart.
See in action https://nataliarusu.github.io/Fruit_Shop/
Requirements from Founders and Coders
- Display fruits available for purchase
- Have a working
- Add to basket
- Button for each fruit
- Store the user’s basket as a JavaScript object
- Have buttons to add one, remove one, and remove all instances of a fruit in the basket
- Increment or decrement the object values when fruits are added or removed
- Use reusable functions to complete repeated tasks
- Display the quantity of each fruit in the basket, when there is at least one of any fruit
- Display the basket as empty if all object values are zero
- Show a total number of fruits in the basket
To run this project you need to use web-server. This project's js files are splited into multiple module files. Use a local web-server, such as static-server or use the “live server” capability of your editor, such as VS Code Live Server Extension to run this project.