CUT THE LINE

Introduction

Manage queues without people being physically standing in line.

The web app has 2 interfaces, one for customer and another for vendor. customers can select items and order it from the vendor of their choosing. these orders will be logged immediately in vendor queue interface. from the queue interface, vendor can see order details and update status of each order. vendor can move order to 'preparing', 'ready' or 'picked up' stage. customer can see these changes in real time. when moved to ready stage by vendor, customer will get notificaton requesting him to pick up the order. after orders been picked up, vendor can close the order.

vendor can also see completed orders. customers can see number of orders before theirs. application can be currently used in english and hindi.

Links

• you can access the customer interface here: https://ctl.bharath.cc
• vendor interface here: https://ctl-vendor.bharath.cc.
• code: https://github.com/bkachinthay/cut-the-line

Credentials

• users(username/password): sponge/bob, patrick/starfish
• vendors(username/password): crusty/crabs, digest/food

Work flow

• login to vendors using one of above credentials. this will open vendors queue interface.
• in another browser tab/window, login to customer interface.
• in customer interface, choose the vendor you have logged in as above.
• add items, click on 'view cart'.
• in cart view, click pay. you will be taken to order list and order you just placed will be at the top of the list with number of orders before yours. if you go to vendor interface, you can see the order placed at the bottom of the queue.
• click on ready button, this will show browser notification through customer interface.
• then if you click on 'picked up' button, order will be moved to completed orders.
• vendor can swith to completed orders and access other options through 3 dots at the top right of the application.

Tech stack

• frontend: preact, tachyons for styling, redux-zero for statemanagement.
• backend: node backend with sqlite for storing data and jwt for authentication.
• pusher service for realtime order status update notifications.
• you can access the code here: https://github.com/bkachinthay/cut-the-line

If you have any suggestions or you found a bug, please mail it to me here: bharathkachinthay@gmail.com