---
# System prepended metadata

title: 第一週作業繳交
tags: [2023 React 入門攻略工作坊]

---

# 第一週作業繳交

## 回報流程

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

![](https://i.imgur.com/vftL5i0.png)


:::info
**【題目連結】：**<https://hackmd.io/@hexschool/rJuL1hl2h#作業：>

|        Level        | 說明                           |
|:-------------------:|:------------------------------ |
|   **（原版）LV1**   | **將菜單轉為資料格式**         |
|   **（原版）LV2**   | **可以重新設定菜單的庫存數量** |
| **（原版挑戰）LV3** | **還能再去設定品項名稱**       |
|  （同學挑戰）LV3.5  | 增加庫存判斷                   |
|  （同學挑戰＋）LV4  | 其他、輸入框的更多客製化＋     |
:::

---

### 回報區

| # | Level |  Discord      |                                CodePen / 答案      |
|:-:|:---|:-----------------:|:--------------------------------------------------:|
| 0 | LV0 | user | [https://codepen.io/natass680/pen/KKrLWNb]() |
| 1 | LV3 | kai.ting.j | [https://dear17530.github.io/react-week1/](https://dear17530.github.io/react-week1/) |
| 2 | LV3 | 翔.(Ben) | [Codepen](https://codepen.io/energy95272z/pen/MWzdEqp?editors=0010) |
| 3 | LV3 | Lin | [Codepen](https://codepen.io/vseznpoh-the-flexboxer/pen/zYMQEaE) |
| 4 | LV3 | rainnping | [Codepen](https://codepen.io/rainnping/pen/ZEmNXvL) |
| 5 | LV3 | 圈圈 | [Codepen](https://codepen.io/wjejfczn-the-bold/pen/bGQyaGa?editors=1111) |
| 6 | LV3.5 | RJ | [Codepen](https://codepen.io/RJ-S/pen/mdQYpox) |
| 7 | LV3.5 | jerry456789 | https://aria198a.github.io/react-gh-pages-sample/ |
| 8 | LV3.5 | smalljie | [Codepen](https://codepen.io/smalljie/pen/MWzdPQj) |
| 9 | LV4 | collinkao | [Codepen](https://codepen.io/collin0825/pen/Poxvywy?editors=0010) |
| 10 | LV3.5 | Leo |[Github](https://github.com/Aruminiya/week_1_homework) / [GitHub pages](https://aruminiya.github.io/week_1_homework/ )
| 11 | LV4 | ssshane | [Codepen](https://codepen.io/sam6091260/pen/rNQXQVj?editors=1010) |
| 12 | LV2 | cataska | [Codepen](https://codepen.io/lovecankill/pen/mdQYvLv) |
| 13 | LV3.5 | AYA | <https://stackblitz.com/edit/hex-react-w1> |
| 14 | LV2 | rogerroan | [Codepen](https://codepen.io/eggeggss/pen/RwqmELg) |
| 15 | LV3 | Billy.Ji | [Codepen](https://codepen.io/yaj55ushydna/pen/dyQEjaP) |
| 16 | LV2 | jasperlu005 | [Codepen](https://codepen.io/uzzakuyr-the-reactor/pen/abQgoBJ) |
| 17 | LV3.5 | peter.chen | [github](https://github.com/PeterCHEN-JIANRONG/2023_react_week1) / [github pages](https://peterchen-jianrong.github.io/2023_react_week1/) |
| 18 | LV3 | Yi0863 | [Codepen](https://codepen.io/YI0305/pen/VwVJKae?editors=0011) |
| 19 | LV3 | sylviabuy | [Codepen](https://codepen.io/sylviabela/pen/ExOzedP) |
| 20 |  | Nikki.Kang | [Codepen](https://codepen.io/Nikki-Kang/pen/ExOBZXp) |
| 21 | LV2 | davidchengtw | [Codepen](https://codepen.io/davidcheng/pen/rNQgEyd) |
| 22 | LV4 | aray | [github](https://aray81205.github.io/vite-sample/) |
| 23 | LV3 | wendy | [Codepen](https://codepen.io/siaochanwu/pen/vYQqgmq) |
| 24 | LV3.5 | 威爾 | [CodePen](https://codepen.io/WILL_Wu/pen/gOQNmMm) |
| 25 | LV3.5 | LinaChen | [GitHub](https://github.com/Lina-SHU/React_week1) / [GitHub pages](https://lina-shu.github.io/React_week1/) |
| 26 | LV4 | 黃士桓 | [codeSandBox](https://codesandbox.io/p/sandbox/react-week1-rgclls?file=%2Fsrc%2FDataTable.tsx%3A93%2C63) |
| 27| LV3.5 | Yen | [GitHub](https://github.com/tzuhuangyen/react-week1)/ [GitHub pages](https://tzuhuangyen.github.io/react-week1/) |
| 28 | LV2 | yuchih | [Codepen](https://codepen.io/hijachu/pen/NWEZbwQ?editors=1010) |
| 29 | LV3.5 | 喃喃 | [Codepen](https://codepen.io/VeLario/pen/QWJXZae?editors=0010) |
| 30 | LV3 | 羅羅 | [Codepen](https://codepen.io/bjqs02/pen/JjeQegV) |
| 31 | LV2 | Carole | [Codepen](https://codepen.io/s892261118/pen/zYMVaXd?editors=0011) |
| 32 | LV2 | Berlin | [Codepen](https://3qberlin.github.io/react-week1/) |
| 33 | LV2 | DavidTsai | [Codepen](https://codepen.io/David-Tsai/pen/bGQPJVR?editors=1010) |
| 34 | LV3.5 | Sui | [GitHub pages](https://suihsilan.github.io/react-gh-pages-sample/)/[codepen](https://codepen.io/suihsilan/pen/WNLexPx?editors=0110) |
| 35 | LV2 | yoyo#2678 | [GitHub](https://joe-1021.github.io/vite-HW1/) |
| 36 | LV4 | 王偉青 | [Codepen](https://codepen.io/lovegull/pen/OJaYEve?editors=1111) |
| 37 | LV |Iris | [Codepen](https://codepen.io/iris831206/pen/rNQXBwx?editors=1111) |
| 38 | LV | MaxYen | [Codepen](https://codepen.io/nffjbkau-the-typescripter/pen/KKrOwJr?editors=0011) |
| 39 | LV3 |ejchuang | [Codepen](https://codepen.io/EJChuang/pen/GRwVJNx) |
| 40 | LV4 | jiun7523 | [GitHub](https://github.com/jiunjiun69/react-week1-practise) / [GitHub pages](https://jiunjiun69.github.io/react-week1-practise/) |
| 41 | LV4 | 妤ㄦ | [GitHub](https://github.com/YuHsienChan/react-gh-pages) / [GitHub pages](https://yuhsienchan.github.io/react-gh-pages/) |
| 42 | LV3.5 | Tian | [GitHub](https://github.com/ccyy915/React-week1/tree/gh-pages) / [GitHub pages](https://ccyy915.github.io/React-week1/) |
| 43 | LV3 | JJ Wu | [Codepen](https://codepen.io/jesswu/pen/wvQLvmo?editors=0110) |
| 44 | LV3 | joanhui#9261 | [Codepen](https://codepen.io/Joanhui/pen/ZEmgbgo) |
| 45 | LV4 | stevenchang421 | [Github](https://github.com/steven4program/React-wk1) / [Gh-Page](https://steven4program.github.io/React-wk1/) |
| 46| LV3.5 | chichi | [GitHub](https://github.com/chichihuang93076/react-gh-page-test) / [GitHub pages](https://chichihuang93076.github.io/react-gh-page-test//) |
| 47 | LV2 |David0799 | [Codepen](https://codepen.io/David0799/pen/ExOqZxv) |
| 48 | LV3 | Wendy3 | [GitHub](https://wendy03.github.io/react_week1/) |
| 49 | LV3 | BS | [GitHub]() / [GitHub pages]()|
| 50 | LV3 | Sebastain | [GitHub](https://github.com/maydayXi/HW-1-OrderSystem/tree/main) / [GitHub Pages](https://maydayxi.github.io/HW-1-OrderSystem/)|
| 51 | LV4 | Fox | [Codepen](https://codepen.io/foxlee2587/pen/mdQNpZw?editors=0010) 
| 52 | LV1 | meimei | [Codepen](https://codepen.io/isnrudav/pen/MWzNVQm) |
| 53 | LV3 | Ingrid | [Codepen](https://codepen.io/ingrid-chi/pen/NWEZGBj?editors=1010) |
| 54 | LV3 | Porin | [Codepen](https://codepen.io/jgaafuka/pen/WNYVgwO) |
| 55 | LV3 | LiShang | [GitHub](https://github.com/Li-Shang-tw/react-week1-LEVEL2-3/tree/main) / [GitHub Pages](https://li-shang-tw.github.io/react-week1-LEVEL2-3/)|
|56|LV2|HsienLu|[Codepen](https://codepen.io/Hsienlu/pen/QWJezGq?editors=1011)
| 57 | LV2 | Ann Chou | [Codepen](https://codepen.io/annchou_illu/pen/wvQbOJW)|
| 58 | LV3.5 | 大衛 | [Codepen](https://codepen.io/exnsrpjc/pen/ExOqGYe?editors=1111) |
| 59 | LV4 | SKey | [GitHub](https://github.com/cyberskey/react_week1/tree/main) / [GitHub Pages](https://cyberskey.github.io/react_week1/index.html)|
| 60 | LV3 | 瑀君 | [Codepen](https://codepen.io/yennnnn/pen/RwqXVyy) |
| 61 | LV3 | 地球儀 | [Codepen](https://codepen.io/dayday1222/pen/NWEQVMo?editors=1010) |
| 62 | LV2 | Ataraxia | [Codepen](https://codepen.io/ataraxia8888/full/xxQvpyx) |
| 63 | LV3 | Roan | [GitHub](https://github.com/evojroan/stockform) / [GiHub Pages](https://evojroan.github.io/stockform/) |
| 64 | LV3 | Ed Hsu | [GitHub](https://github.com/loverofan/OrderMenu) |
| 65 | LV2 | Alice | [GitHub](https://github.com/Alicezhao0111/menu-react) / [GitHub Pages](https://alicezhao0111.github.io/menu-react/)|
| 66 | LV2 | KellyLin | [Codepen](https://codepen.io/Kelly-Lin/pen/yLQmmRx)|
| 67 | LV2 | Che1z | [GitHub](https://github.com/Che1z/react-workshop-week1)/[GitHub Pages](https://che1z.github.io/react-workshop-week1/)|
| 68 | LV3 | Joyce Hsu |[GitHub](https://github.com/hsuchiashih/vite-react/blob/master/src/DataTable.jsx) |
| 69 | LV3 | Anabell | [Codepen](https://codepen.io/anabell100/pen/OJrLMVM) |
| 70 | LV2 | hsuan0320 | [Codepen](https://codepen.io/hsuan0320/pen/abPomYx?editors=1010) |
| 71 | LV3.5 | Youko紅玉 | [Codepen](https://codepen.io/youko-chen/pen/LYMPbPp?editors=1010) |
| 72 | LV4 | Kent | [Codepen](https://codepen.io/labkunz/pen/OJaYojQ?editors=1011) |
| 73 | LV2 | HanHan | [GitHub](https://github.com/hanhan0303/react-gh-pages) / [GitHub Pages](https://hanhan0303.github.io/react-gh-pages/) |
| 74 | LV2 | Jeff | [Codepen](https://codepen.io/nonwaaa/pen/gOQVqdj) |
| 75 | LV3.5 | SkyWOW | [GitHub](https://github.com/stanley878787/react-week1) / [GitHub Pages](https://stanley878787.github.io/react-week1/)|
| 76 |LV2|汪汪|[Codepen](https://codepen.io/hunwooooof/pen/GRwbWbQ)|
| 77 | LV2 | JohnChien | [Codepen](https://codepen.io/glqwazid-the-selector/pen/VwVoxjw) |
| 78 | LV4 | Lulu | [netlify](https://inventory123.netlify.app/) |
| 79 | LV4 | 精靈 | [Codepen](https://codepen.io/vesbexih-the-bashful/pen/LYMPyYp?editors=1000) / [GitHub](https://github.com/sky030b/react-gh-pages-sample) / [GitHub Pages](https://sky030b.github.io/react-gh-pages-sample/) |
| 80 | LV2 | Wei_Rio | [Codepen](https://codepen.io/wei_wu/pen/zYMgvqE) |
| 81 | LV3 | connieK | [Codepen](https://codepen.io/eaksloky-the-sans/pen/GRPKazx) |
| 82 | LV4 | tracychien | [GitHub](https://github.com/TracyChien/react-vite-menu) / [GitHub Pages](https://tracychien.github.io/react-vite-menu/)|
| 83 | LV3 | Daphne | [Codepen](https://codepen.io/DaphneShen/pen/NWeWbaM?editors=0010) |
| 84 | LV2 | Amberhh | [Codepen](https://codepen.io/Amberhh/pen/yLGBBEB) |
| 85 | LV3.5 | azami | [Codepen](https://codepen.io/azami/pen/JjegXWE) |
| 86 | LV4 | Jasmin | [Codepen](https://codepen.io/thejasmin/pen/XWoJrXo) |
| 87 | LV4 | Aden | [GitHub](https://github.com/spikesandmaen484/react-week-1) / [GitHub Pages](https://spikesandmaen484.github.io/react-week-1/)|
| 88 | LV2 | Ringo | [Codepen](https://codepen.io/ringolai1988/pen/mdaJbvR) |
| 89 | LV4 | bonni | [GitHub](https://github.com/bonnieyf/hexschool-react) / [GitHub Pages](https://bonnieyf.github.io/hexschool-react/)|
| 90 | LV2 | shangchu | [GitHub](https://github.com/shangchu0412/react-gh-pages-sample/tree/gh-pages) / [GitHub Pages](http://git.shangchu.cf/react-gh-pages-sample/) |
| 91 | LV2 | Kaya | [GitHub](https://github.com/Laron9486/React_week01) / [GitHub Pages](https://laron9486.github.io/React_week01/) |
| 92 | LV3.5 | Emily4869 | [Codepen](https://codepen.io/aptx4869Emily/pen/VwqLwMW?editors=0011) |
| 93 | LV3 | Yiren | [Codepen](https://codepen.io/Yiren_Liou/pen/wvRaQZQ) |
| 94 | LV2 | user | [Codepen](https://codepen.io/harrison-wei-lai/pen/abPOeYL) |
| 95 | LV2 | PollyPO_Lee | [GitHub](https://github.com/pollyPO1986/learn-react-simple-project) / [GitHub Pages](https://pollypo1986.github.io/learn-react-simple-project/) |
| 96 | LV2 | PoWei#8484 | [Codepen](https://codepen.io/harrison-wei-lai/pen/rNoVXbz?editors=1010) |
| 96 | LV2 | JOJOn2_Jin | [Codepen](https://codepen.io/ewnrzxpr-the-builder/pen/XWyLedd?editors=0100)
| 97 | LV3 | EricChen | [Codepen](https://codepen.io/Chen-Eric-the-reactor/pen/RwEWbEr?editors=0010) |
| 98 | LV1 | Rxzan | [Codepen](https://codepen.io/Tzuru-Chen/pen/bGOpWzE) |
| 99 | LV4 | nancywu | [GitHub](https://github.com/nancykichou/hscHomework01)/[GitHub Pages](https://nancykichou.github.io/hscHomework01/) |
| 100 | LV2 | Youzhen Li | [GitHub](https://github.com/yuhsuanlii/react-gh-pages-sample/blob/main/src/homework/First.jsx)/[GitHub Pages](https://yuhsuanlii.github.io/react-gh-pages-sample/#/week-1) |
| 101 | LV4 | ChaosTu#9311 | [Codepen](https://codepen.io/torotu/pen/MWZbXoR?editors=0110) |
| 102 | LV2 | しあわせね#0036 | [Codepen](https://codepen.io/Front-end-engineer/pen/PoXbVvB) |
| 103 | LV3 | Ming Wu | [Codepen](https://codepen.io/mingwu1214/pen/OJrWWxq) |
| 104 | LV3 | Yana Chen | [Codepen](https://codepen.io/yana1209/pen/yLGgbmm) |
       
- 快速複製格式：

```markdown!
| 0 | LV | user | [Codepen]() |
