https://github.com/iulial/vending-machine-reactjs
https://github.com/iulial/vending-machine-reactjs
reactjs vending-machine
Last synced: 6 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/iulial/vending-machine-reactjs
- Owner: iuliaL
- Created: 2017-03-06T10:24:24.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2017-03-14T14:11:35.000Z (over 8 years ago)
- Last Synced: 2025-03-11T17:33:35.518Z (7 months ago)
- Topics: reactjs, vending-machine
- Language: JavaScript
- Homepage: https://iulial.github.io/vending-machine-ReactJS
- Size: 1.32 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
#### GH Pages Preview Link here [ https://iulial.github.io/vending-machine-ReactJS ]
### Project Review
Why did I chose the frameworks and libraries I did?
Stack :
- ReactJs because this vending machine app is a great React exercise
- Browserify for making use of node modularity on the client-side and bundle those together
- watchify - development watcher that observes changes and rebundles the modules when something changed
- small static server with Express to have my front-end served easily
What functionality did I focus on? What did I omit?
The vending machine flow:
First the user is asked to select a product, he gets the price displayed, then he needs to insert cash relying
on just coins (50 cents, 1 EUR and 2 EUR available). When the inserted cash is sufficient for the desired product the machine
automatically proceeds to payment and product delivery. The change is kept for the next transaction, and the machine stock
is updated so if the prouduct is demanded again and again it will soon get out of stock, depending on the quantity in my mock
data, of course.
I did not implement the posibility to cash out the change.
Also when the machine has nothing left to sell the status is still 'Select product'.
I focused on the main actions.