本文件連結：https://hackmd.io/9Q-arVa6RdGjeBoF2XPHMQ

# 第一週作業繳交

## 回報流程

將答案寫在 CodePen 並複製 CodePen 連結貼至底下回報就算完成了喔!
解答位置請參考下圖（需打開程式碼的部分觀看）


【題目】：
餐點管理工具

- Level 1：將菜單轉為資料格式
- Level 2：可以重新設定菜單的庫存數量
- Level 3（挑戰）：可以重新設定品項名稱

<table>
  <thead>
    <tr>
      <th scope="col">品項</th>
      <th scope="col">描述</th>
      <th scope="col">價格</th>
      <th scope="col">庫存</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>珍珠奶茶</td>
      <td><small>香濃奶茶搭配QQ珍珠</small></td>
      <td>50</td>
      <td><button>-</button>20<button>+</button></td>
    </tr>
    <tr>
      <td>冬瓜檸檬</td>
      <td><small>清新冬瓜配上新鮮檸檬</small></td>
      <td>45</td>
      <td><button>-</button>18<button>+</button></td>
    </tr>
    <tr>
      <td>翡翠檸檬</td>
      <td><small>綠茶與檸檬的完美結合</small></td>
      <td>55</td>
      <td><button>-</button>34<button>+</button></td>
    </tr>
    <tr>
      <td>四季春茶</td>
      <td><small>香醇四季春茶，回甘無比</small></td>
      <td>45</td>
      <td><button>-</button>10<button>+</button></td>
    </tr>
    <tr>
      <td>阿薩姆奶茶</td>
      <td><small>阿薩姆紅茶搭配香醇鮮奶</small></td>
      <td>50</td>
      <td><button>-</button>25<button>+</button></td>
    </tr>
    <tr>
      <td>檸檬冰茶</td>
      <td><small>檸檬與冰茶的清新組合</small></td>
      <td>45</td>
      <td><button>-</button>20<button>+</button></td>
    </tr>
    <tr>
      <td>芒果綠茶</td>
      <td><small>芒果與綠茶的獨特風味</small></td>
      <td>55</td>
      <td><button>-</button>18<button>+</button></td>
    </tr>
    <tr>
      <td>抹茶拿鐵</td>
      <td><small>抹茶與鮮奶的絕配</small></td>
      <td>60</td>
      <td><button>-</button>20<button>+</button></td>
    </tr>
  </tbody>
</table>

範例：https://www.casper.tw/2024-vue-homework/#/week1

:::info

| Level | 說明 |
|:-------------------:|:------------------------------ |
| **（原版）LV1** | **將菜單轉為資料格式** |
| **（原版）LV2** | **可以重新設定菜單的庫存數量** |
| **（原版挑戰）LV3** | **還能再去設定品項名稱** |
:::

---

| # | Level | Discord | CodePen / 答案 |
|:----:|:----- |:----------:|:--------------------------------------------------------------------------------------------------------------------------------------------------------- |
| 範例 | LV1 | 卡斯伯 | [GitHub](https://github.com/Wcc723) / [GitHub Pages](https://github.com/Wcc723) |
| 1 | LV3 | Letitia | [GitHub](https://github.com/letitia-chiu/hexschool-vue-2024-w1-homework) / [GitHub Pages](https://letitia-chiu.github.io/hexschool-vue-2024-w1-homework/) |
| 2 | LV3 | Joe | [Github](https://github.com/wasp33/nodejs)/[Github Page](https://wasp33.github.io/nodejs/) |
| 3 | LV3 | a1phaki | [codepen](https://codepen.io/a1phaki/pen/gbagbNW) |
| 4 | LV3 | Hugh | [Github](https://github.com/Hughchen2046/VUE-WK1) / [Github Page](https://hughchen2046.github.io/VUE-WK1/) |
| 5 | LV3 | Gyarados | [Github](https://github.com/Shiny-Gyarados/hex-vue/blob/main/src/views/WeekOne.vue) / [Github Page](https://shiny-gyarados.github.io/hex-vue/#/week1) |
| 6 | LV3 | DaRon | [Github](https://github.com/daron0811/hexschool-vue-homework-w1) / [Github Page](https://daron0811.github.io/hexschool-vue-homework-w1/) |
| 7 | LV3 | Shuang Li | [Github](https://github.com/Shang333/VueHwWeek1) / [Github Page](https://shang333.github.io/VueHwWeek1/) |
| 8 | LV3 | 登登登 | [Codepen](https://codepen.io/Duncanin/pen/EaVZWGJ) |
| 9 | LV3 | Rowan | [Codepen](https://codepen.io/Rowanlin/pen/WbQRjXa) |
| 10 | LV3 | AtayalLin | [GitHub](https://github.com/AtayalLin/for-vite-test-2025) / [GitHub Pages](https://atayallin.github.io/for-vite-test-2025/) |
| 11 | LV3 | thchen2002 | [Github](https://github.com/THChen2002/2025-vue-hw1) / [Github Page](https://thchen2002.github.io/2025-vue-hw1/) |
| 12 | LV3 | Yen | [Github](https://github.com/Yen806/vue-week1) / [Github Page](https://yen806.github.io/vue-week1/) |
| 13 | LV3 | 阿昌 | [Github](https://github.com/ychleo102615/vite-rookie-hw1) / [Github Page](https://ychleo102615.github.io/vite-rookie-hw1/) |
| 14 | LV2 | 7lun | [Github](https://github.com/MalricHsu/vue-camp-week1/tree/main) / [Github Page](https://malrichsu.github.io/vue-camp-week1/)|
| 15 | LV3 | Lin | [Github](https://github.com/Lin4611/vue-week1-hw) / [Github Page](https://github.com/Lin4611/vue-week1-hw/tree/gh-pages) |
| 16 | LV3 | wei_0982 | [Github](https://github.com/inventor9871/hex_2025_vue) / [Github Page](https://inventor9871.github.io/hex_2025_vue/) |
| 17 | LV3 | han |[Github](https://github.com/Ernien923/vueCamp_hw1/tree/main) / [Github Pages](https://ernien923.github.io/vueCamp_hw1/) |
| 18 | LV3 | Loder |[Github](https://github.com/Ken310429/for-vite-deploy-2025) / [Github Pages](https://ken310429.github.io/for-vite-deploy-2025/) |
| 19 | LV3 | Candace |[Github](https://github.com/candace2021/2025-vue-hexschool_1) / [Github Pages](https://candace2021.github.io/2025-vue-hexschool_1/) |
| 20 | LV3 | RubyChen |[Github](https://github.com/rubyyjchen/for-vite-dev-2025) / [Github Pages](https://rubyyjchen.github.io/for-vite-dev-2025/) |
| 21 | LV3 | 白雪 | [Codepen](https://codepen.io/weiwei032835-the-styleful/pen/LEpWGxX)
| 22 | LV3 | poyi | [GitHub](https://github.com/poyi2009/2025-vue-camp) / [GitHub Pages](https://poyi2009.github.io/2025-vue-camp/week1) |
| 23 | LV3 | William Hsieh | [GitHub](https://github.com/WilliamHsieh615/Front-end/tree/main/Project3-1) / [GitHub Pages](https://williamhsieh615.github.io/Front-end/Project3-1/index.html) |
| 24 | LV3 | JJ | [Codepen](https://codepen.io/jack842248/pen/Qwjdqjx) |
| 25 | LV3 | Roy | [Codepen](https://codepen.io/eoqvirtu-the-bold/pen/KwdWWwg) |
| 26 | LV3 | 牙山 | [Codepen](https://codepen.io/Tzuru-Chen/pen/GgpWrJx) |
| 27 | LV3 | 地呱 | [GitHub](https://github.com/Diyo11/VUE3frontendCamp/tree/main/work_orderingtool) / [GitHub Pages](https://diyo11.github.io/VUE3frontendCamp/work_orderingtool/) |
| 28 | LV3 | WEIWEI | [GitHub](https://github.com/weiweihuang93/hex2025-vue-w/tree/main) / [GitHub Pages](https://weiweihuang93.github.io/hex2025-vue-w/#/week1) |
| 29 | LV3 | ann.328 | [GitHub](https://github.com/ann328/2025vue_W01) / [GitHub Pages](https://ann328.github.io/2025vue_W01/) |
| 30 | LV3 | 樂樂 | [GitHub](https://github.com/PinyiW0/vue-assignment1) / [GitHub Pages](https://pinyiw0.github.io/vue-assignment1/) |
| 31 | LV3 | David0799 | [GitHub](https://github.com/David07994415/VueMenu) / [GitHub Pages](https://david07994415.github.io/VueMenu/#/) |
| 32 | LV3 | Sachico幸娟 | [GitHub](https://github.com/Sachico0912) / [GitHub Pages](https://github.com/Sachico0912/vue-training-W1) |
| 33 | LV3 | emmayo | [GitHub](https://github.com/emmacodeya/Vue-week1) / [GitHub Pages](https://emmacodeya.github.io/Vue-week1/) |
| 34 | LV3 | Clarence | [GitHub](https://github.com/clarencelinwork/Vue-Lesson-First-Homework/tree/main) / [GitHub Pages](https://clarencelinwork.github.io/Vue-Lesson-First-Homework//) |
| 35 | LV3 | Gc | [GitHub](https://github.com/GcTzw/HexVueW1) / [GitHub Pages](https://gctzw.github.io/HexVueW1/) |
| 36 | LV3 | fish19961213 | [Codepen](https://codepen.io/caiofish2010/pen/qEOrMrM) |
| 37 | LV3 | yu005620 | [GitHub](https://github.com/TSFMAKKO/hexVue2025) / [GitHub Pages](https://tsfmakko.github.io/hexVue2025/) |
| 38 | LV3 | dPi | [GitHub](https://github.com/dpi627/HexVueHw01) / [GitHub Pages](https://dpi627.github.io/HexVue3Hw1) |
| 39 | LV3 | s870012 | [GitHub](https://github.com/s870012/vueWeek1) / [GitHub Pages](https://s870012.github.io/vueWeek1/) |
| 40 | LV3 | yi | [Codepen](https://codepen.io/5-1/pen/zxvZMNq) |
| 41 | LV3 | kat | [Codepen](https://codepen.io/Nek0u0/pen/yyYbBRG) |
| 42 | LV2 | RUDY | [Codepen](https://codepen.io/Rudy-crw/pen/yyYbLZY)|
| 43 | LV3 | Emily | [Codepen](https://codepen.io/emily3231-pan/pen/ByoRaME)|
| 44 | LV2 | 地瓜 | [GitHub](https://github.com/digua3472/vue-2025-week01) / [GitHub Pages](https://digua3472.github.io/vue-2025-week01/) |
| 45 | LV3 | simple | [Codepen](https://codepen.io/simple1010/pen/MYamYwj)|
| 46 | LV2 | Sam | [Codepen](https://codepen.io/Sammy-the-styleful/pen/KwdmzGx)|
| 47 | LV3 | ya_meow |[Github](https://github.com/Mingx1994x/HS_Vue_practice/tree/main) / [Github page](https://mingx1994x.github.io/HS_Vue_practice/#/week1)
| 48 | LV3 | KLH |[Github](https://github.com/kuolun/2025-vue-wk1-assignment) / [Github page](https://kuolun.github.io/2025-vue-wk1-assignment/)
| 49 | LV2 | MJ |[Codepen](https://codepen.io/mj_eddie/pen/zxvwBXZ)
| 50 | LV3 | 小羊 | [GitHub](https://github.com/allen9630308/Frontend-Projects/tree/main/3.%20Drink%20Menu) / [GitHub Pages](https://allen9630308.github.io/Frontend-Projects/3.%20Drink%20Menu/) |
| 51 | LV2 | Clove_墨 | [GitHub](https://github.com/CloveTseng/orderingSystem) / [GitHub Pages](https://clovetseng.github.io/orderingSystem/) |
| 52 | LV2 | ameng8179 |[Codepen](https://codepen.io/lily_lee/pen/xbwrwNq)
| 53 | LV1 | 阿Q |[Codepen](https://codepen.io/qqyu/pen/wBKdGVj)
| 54 | LV2 | jimmy |[Codepen](https://codepen.io/JimmyMao/pen/VYvbBMW)
| 55 | LV3 | Eden |[GitHub](https://github.com/1denx/vue3-practise) / [GitHub Pages](https://1denx.github.io/vue3-practise) |
| 56 | LV3 | 阿Kai |[GitHub](https://github.com/KaiHuang13/vue2025Week1) / [GitHub Pages](https://kaihuang13.github.io/vue2025Week1/) |
| 57 | LV3 | haohaoliao |[GitHub](https://github.com/haohao419/vuecamp-week1-hw) / [GitHub Pages](https://haohao419.github.io/vuecamp-week1-hw/) |
| 58 | LV3 | Rexlin |[GitHub](https://github.com/Rexlin595/vite_pro4_2025) / [GitHub Pages](https://rexlin595.github.io/vite_pro4_2025/) |
| 59 | LV2 | 黛西 |[GitHub](https://github.com/ChiashengLin/VUE) / [GitHub Pages](https://chiashenglin.github.io/VUE/) |
| 60 | LV3 | Gui | [CodePen](https://codepen.io/guitimliu/pen/xbwLNyy) |
| 61 | LV3 | wanghuaiying | [Codepen](https://codepen.io/huaiying/pen/WbQEBEx) |
| 62 | LV2 | 皮皮 | [Codepen](https://codepen.io/rainbow-the-reactor/pen/XJmavNm) |
| 63 | LV3 | Jessie_Yu |[GitHub](https://github.com/JessieYuuuuu/hexschool_vue_2025) / [GitHub Pages](https://jessieyuuuuu.github.io/hexschool_vue_2025/#/week-one) |
| 64 | LV3 | Allen_Lin | [CodePen](https://codepen.io/lcf7891/pen/WbQEWEW) |
| 65 | LV2 | ScarT | [CodePen](https://codepen.io/Acadia/pen/myepQoJ) |
| 66 | LV3 | 肉桂卷 | [CodePen](https://codepen.io/ginnlee/pen/vENdzEB) |
| 67 | LV3 | Kai | [GitHub](https://github.com/Beginneraboutlife116/vue-2025-week01) / [GitHub Pages](https://beginneraboutlife116.github.io/vue-2025-week01/) |
| 68 | LV3 | 叮咚 | [Codepen](https://codepen.io/pinchieh-lin/pen/NPGLmPO) |
| 69 | LV2 | 豆子 | [GitHub](https://github.com/BeanHuang9/vue25-homework/tree/main/week1) / [GitHub Pages](https://beanhuang9.github.io/vue25-homework/week1/) |