diff --git a/Projects/1-Beginner/Shopping-Cart.md b/Projects/1-Beginner/Shopping-Cart.md new file mode 100644 index 00000000..c79d3595 --- /dev/null +++ b/Projects/1-Beginner/Shopping-Cart.md @@ -0,0 +1,26 @@ +# Shopping Cart + +**Tier:** 1-Beginner + +It will be a good thing to have a practice project in order to add pre-available items to a simple shopping cart. This will provide a solid foundation to the CRUD implementation on a very basic level. + +This challenge requires that the developer implementing it follow these constraints: + +- The button 'Check Out' should remain disabled until there is no item in the shopping cart. +- The user cannot add items in a negative manner. For example the items cannot be less than zero in any case. + +### User Stories + +- [] User should be able to filter the items using a Search Box. +- [] User should be able to add the item into the shopping cart by clicking on the 'Add to Cart' or '+' Button. +- [] User should not be able to decrease any item less than 0. +- [] When there are atleast 1 item in the cart the Checkout button will be enabled. + +### Bonus Feature +- [] User can manually input the number of item in the cart. + +## Useful Links and Resources +[A Simple Shopping Cart with HTML and CSS](https://www.w3schools.com/howto/howto_css_product_card.asp) + +## Example Projects +- [Simple Shopping Cart](https://www.w3schools.com/howto/howto_css_product_card.asp) \ No newline at end of file diff --git a/README.md b/README.md index 2d209743..3b9e097e 100644 --- a/README.md +++ b/README.md @@ -73,6 +73,7 @@ required to complete them. | [Roman to Decimal Converter](./Projects/1-Beginner/Roman-to-Decimal-Converter.md) | Convert Roman to Decimal numbers | 1-Beginner | | [Slider Design](./Projects/1-Beginner/Slider-Design.md) | Display images using a slider control | 1-Beginner | | [Stopwatch App](./Projects/1-Beginner/Stopwatch-App.md) | Count time spent on activities | 1-Beginner | +| [Shopping Cart](./Projects/1-Beginner/Shopping-Cart.md) | A Basic Shopping Cart. | 1-Beginner | | [TrueOrFalse](./Projects/1-Beginner/True-or-False-App.md) | Identify the result of a conditional comparison | 1-Beginner | | [Vigenere Cipher](./Projects/1-Beginner/Vigenere-Cipher.md) | Encrypt text using the Vigenere Cypher | 1-Beginner | | [Wind Chill](./Projects/1-Beginner/Windchill-App.md) | Calculate the windchill factor from an actual temperature | 1-Beginner |