Vending-Machine

Build by ReactJs

Heroku Demo Link

OVERVIEW:

- This Snack Vending Machine contains:

Snack Slots :

• The machine has five rows to display snack items.
• Each row has 5 columns to pile the items.
• Each column has a number.

Money Slots: the machine accepts money of the following types:

• CoinSlot: There are four denominations: • 10c • 20c • 50c • $1
• Notes Slot :20$ and 50$ only

Keypad

• Users can select the items to be purchased using a keypad.

- Doing some UNIT TESTS: using jest and react testing library

User story

As a user:

• I can see all available Snacks in Vending Machine.
• I can select the items to be purchased by pressing on the keypad.
• I can inserts the money.
• I can see the accumulated amount of money each time i insert a new money.
• I can get my money back.
• I can purchase the selected snack.
• I can get my changes.

UML Diagram

-UML class diagram.

-UML sequence diagram.

How to Use this project !!

In terminal

• Clone the repo:

git clone https://github.com/aboodswiti/VendingMachine.gitit
cd VendingMachine
npm i

• Run the app:

npm start

Run the test

• In terminal

npm test

• You will see the tests at the terminal the passed & failed tests.

Used Technologies

• Reactjs
• MaterialUi

For Tests

• Jest & React testing library

For deploy

• Heroku