This react client simulates vending machine. Server code repo is: nepali-prabhat/vm-server
pnpm install
pnpm run dev
- The top portion of the UI is the screen of the vending machine. It is has fixed dimensions (for now, 1000x800 as defined in constants.ts file)
- We can't perform browser back from vending machine screen.
- The bottom three parts of the UI represent physical elements of the vending machine.
- The physical elements are assumed to have sensors and microcontrollers. The microcontrollers communicate with the vending machine server via rest api and also listen for server sent events.
- The payment slot is assumed to accurately count and validate the entered coins or cash. Similarly, the refund slot is assumed to accurately validate the entered item.