An optimized, visual solution to the vending machine / change making problem, using ServerSide Blazor.
The view state is shared between every client (this can lead to different languages being shown simultaneously).
A lot can be configured in FoodChops.App.Startup.ConfigureServices
, like: products, amounts, currency and the theme of the vending machine.
Live demo: https://foodchops.azurewebsites.net/
Check out CodeChops projects for more projects.
- Click on coins in the User's wallet to put them in the machine.
- Select a product and press 'buy'.
- Click on the Inserted Coins wallet to release your inserted coins.
CoinInsert:
https://freesound.org/people/arnaud%20coutancier/sounds/271295/
ButtonClick:
https://freesound.org/people/JarredGibb/sounds/219479/
CoinDrop:
https://freesound.org/people/PerMagnusLindborg/sounds/324241/
ProductDrop:
https://freesound.org/people/felipelnv/sounds/153306/
VendingMachine new (edited by CodeChops):
https://www.freepik.com/free-vector/vending-machine-abstract-concept-vector-illustration-vending-business-selfservice-machine-snacks-beverages-small-business-takeaway-coffee-public-space-commerce-abstract-metaphor_24070886.htm#query=vending%20machines&position=1&from_view=search&track=sph
VendingMachine red/blue (edited by CodeChops):
https://www.vectorstock.com/royalty-free-vector/realistic-snacks-vending-machine-vector-8427345
Favicon:
https://images.app.goo.gl/K2TjBAEnqHc4ep6y6
Coins (edited by CodeChops):
https://www.vectorstock.com/royalty-free-vector/all-european-union-euro-coins-vector-23993703
Candy (edited by CodeChops):
https://pixabay.com/vectors/candy-bonbon-wrapped-confectionery-304391/
Soup (edited by CodeChops):
https://www.flaticon.com/free-icon/hot-soup-bowl_14018
Beer (edited by CodeChops):
https://freesvgplanet.com/beer-bottle-svg-free-beers-svg-free-decorative-beers-svg-drink-bottle-svg-cheers-svg-free-svg-cutting-files-dring-svg-beer-svg-dxf/
Coffee (edited by CodeChops):
https://pixabay.com/vectors/animation-coffee-cup-icon-1297198/