餐廳結帳後台系統

協助餐廳人員結帳更順利

專案簡介

此頁面為餐廳後臺結帳系統頁面，餐廳從業人員可以於結帳時可以於上方Add ItemS輸入餐點名稱、編號、價格、數量，並點擊增加至Items處，專案會自動計算總價與服務費於下方Total部分。如輸入錯誤可以點擊Items區項目中右上角的關閉按鈕刪除錯誤項目。

專案技能

HTML5、Css3、Scss、Javascipt(ES6)、RWD。

• 使用JavaScript DOM設計互動功能
• 透過SCSS/SASS設計互動動畫、以及外觀設計
• 使用Bootstrap5設計響應式網頁

GitHub連結

https://github.com/badukwei/Receipt

使用介紹

1. 進入後台頁面輸入餐點名稱、編號、價格、數量。 
2. 點擊添加 
3. 下方顯示已添加項目 
4. 如輸入錯誤可以點擊右上角按鈕刪除 
5. 確定輸入正確，系統會自動結算金額