- Level 1：將菜單轉為資料格式
- Level 2：可以重新設定菜單的庫存數量
- Level 3（挑戰）：可以重新設定品項名稱
餐點管理工具
- Level 1：至少製作三個元件（可選擇：左側餐點列表單一品項、單一 、下方的訂單摘要），要會動
- Level 2：製作菜單工具，可加入購物車並產出結果，一樣至少需做三個元件
- Level 3：加入刪除、調整數量功能，重複品項數量會加 1、客製化版型
| Date | Version | Description |
|---|---|---|
| 2023-08-11 | V 0.0.1 | deploy gh-pages |
| Add products.json, Level 1 finished. | ||
| 2023-08-13 | V 0.0.2 | Add product images |
| Reset index, index style, App.jsx | ||
| Move product images -> public | ||
| V 0.0.3 | Update website title | |
| Update products image path | ||
| V 0.0.5 | Add Product Card and card style | |
| Add handler for update inventory | ||
| V 0.0.8 | Add react-icons | |
| Extract Product Image from ProductCard | ||
| Extract Product Info from ProductCard | ||
| Add counter button style | ||
| V 0.1.0 | Extract Inventory Counter from ProductInfo | |
| Update Product Image style | ||
| V 0.1.1 | Update Product counter button style | |
| V 0.1.3 | Add Settings Modal and modal style | |
| V 0.1.4 | Update Settings Modal style | |
| 2023-08-14 | V 0.2.0 | New Feature：Can update product information. Level 2 and Level 3 finished. |
| Update settings modal style. | ||
| V 0.2.1 | Add screenshot section. | |
| 2023-08-17 | V 0.3.0 | New Feature：Add validation to input. |
| Modify handle function name. | ||
| V 0.3.1 | Add validation screenshot | |
| 2023-08-19 | V 0.3.2 | Add logo.svg and update favicon |
| V 0.3.3 | Refactoring App：add useContext hook. | |
| V 0.3.4 | Refactoring App：Add InventoryProvider.jsx | |
| Refactoring Component：ProductCard.jsx, ProductInfo.jsx, InventoryCounter.jsx | ||
| 2023-08-20 | V 0.3.5 | Refactoring Component：SettingModal.jsx |
| Update products.json：Change id => productId, name => productName | ||
| V 0.3.6 | Change component：ProductCard => InventoryCard, ProductInfo => InventoryInfo | |
| Add inventory stylesheet：Extract inventory style to inventory stylesheet | ||
| 2023-08-25 | V 0.3.7 | Add Navbar：Navbar.jsx, navbar.css and icons |
| Add react-router | ||
| V 0.3.8 | fixed bug：open setting modal | |
| V 0.4.0 | Add Sidebar：Sidebar.jsx, sidebar.css | |
| Update Navbar style | ||
| V 0.4.1 | Add Error Page：ErrorPage.jsx | |
| Add Inventory Page | ||
| V 0.4.2 | Add Order page and style | |
| Add sidebar active style | ||
| 2023-08-26 | V 0.4.3 | Add Home page：Home.jsx, MenuCard.jsx menu.css |
| Add products data rating field | ||
| V 0.4.4 | Fix react router production path | |
| 2023-08-27 | V 0.4.5 | Add homework second week description. |
| New feature：Sidebar auto close when click item | ||
| Update MenuCard style | ||
| 2023-08-30 | V 0.5.0 | New Features：add/edit order information |
| Add OrderCard、OrderMemo、OrderProduct、OrderReceipt components | ||
| Add Order page, order style and OrderProvider (week 2 level 2 finished) | ||
| Add productType.js (drinkType) | ||
| V 0.5.1 | Fix bug：update memo |