Order System

JSY teahouse Order System

• A virtual cashier dashboard app for the Jing Sheng Yu(taiwanese tea brand) store. Created with TypeScript and NextJS.

Features

• If there is cart data in database, get data when the page is first loaded
• Add and delete the products on the cart. The total value is calculated every time when there is change.
• The quantity can be adjusted in both ways: by clicking the same item, and using the select box.
• When ‘place order’ is clicked, the items in the cart is ordered.
• When ‘Order history’ is clicked, the order date & product name of ordered items appear.

Wireframe