---
# System prepended metadata

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

---

# 第二週作業繳交

## 回報流程

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

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


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

|        Level        | 說明                           |
|:-------------------:|:------------------------------ |
|   **（原版）LV1**   | **直接參考解答**，至少製作 3 個元件        |
|   **（原版）LV2**   | **參考解答**製作菜單工具，可加入購物車並產出結果<br />（可以**省略：刪除、調整數量的功能**） |
| **（原版挑戰）LV3** | **不參考解答**製作菜單工具，不省略任何功能<br />（重複品項無法重複加入） |
| （同學挑戰）LV4 | 客製化版型 |
:::

---

### 回報區

|  #  | Level | Discord | CodePen / 答案 |
|:---:|:----- |:-------:|:--------------|
| 1 | LV4 | 翔.(Ben) | [GitHub](https://github.com/ben0588/react-vite-week-2-state) / [GitHub Pages](https://ben0588.github.io/react-vite-week-2-state/) |
| 2 | LV4 | Amberhh | [Codepen](https://codepen.io/Amberhh/pen/yLGLOrd?editors=0111) |
| 3 | LV4 | stevenchang421 | [Github](https://github.com/steven4program/React-wk2) / [Gh-Page](https://steven4program.github.io/React-wk2/) |
| 4 | LV3 | AYA | <https://stackblitz.com/edit/hex-react-w2> | 
| 5 | LV3 | 威爾 | [CodePen](https://codepen.io/WILL_Wu/full/YzdzxgP) |
| 6 | LV3 | Billy.Ji | [GitHub](https://github.com/yaj55billy/react-workshop-week2) / [GitHub Pages](https://www.billyji.com/react-workshop-week2/) |
| 7 | LV3 | Leo | [GitHub](https://github.com/Aruminiya/week_2_homework) / [GitHub Pages](https://aruminiya.github.io/week_2_homework/) |
| 8 | LV3 | rainnping | [GitHub](https://github.com/ok0204q/react-gh-pages-sample) / [GitHub Page](https://ok0204q.github.io/react-gh-pages-sample/) |
| 9 | LV3 | peter.chen | [GitHub](https://github.com/PeterCHEN-JIANRONG/2023_react_week2) / [GitHub Page](https://peterchen-jianrong.github.io/2023_react_week2/) |
| 10 | LV3 | jiun7523 | [GitHub](https://github.com/jiunjiun69/react-week2-practise) / [GitHub Pages](https://jiunjiun69.github.io/react-week2-practise/) |
| 11 | LV2 | Youzhen Li | [GitHub](https://github.com/yuhsuanlii/react-gh-pages-sample/blob/main/src/homework/Second.jsx) / [GitHub Pages](https://yuhsuanlii.github.io/react-gh-pages-sample/#/week-2) |
| 12 | LV3 | jasperlu005 | [Codepen](https://codepen.io/uzzakuyr-the-reactor/pen/xxmxyoV?editors=0110) |
| 13 | LV3 | 王偉青 | [GitHub](https://github.com/lovegull2/react-gh-pages-week2) / [GitHub Page](https://lovegull2.github.io/react-gh-pages-week2/#) |
| 14 | LV4 | smalljie | [GitHub](https://github.com/smalljie373/beverageshop/tree/main) / [GitHub Pages](https://smalljie373.github.io/beverageshop/) |
| 15 | LV3 | LinaChen | [GitHub](https://github.com/Lina-SHU/React_week2) / [GitHub Pages](https://lina-shu.github.io/React_week2/) |
| 16 | LV3 | 喃喃 | [GitHub](https://github.com/VeLarioCream/react_week2_homework)/ [GitHub Pages](https://velariocream.github.io/react_week2_homework/)|
| 17 | LV4 | 圈圈 | [Codepen](https://codepen.io/wjejfczn-the-bold/pen/yLGyNrw?editors=1111) |
| 18 | LV3 | Roan | [GitHub Pages](https://evojroan.github.io/orderdrink/) / [GitHub](https://github.com/evojroan/orderdrink/)  |
| 19 | LV3 | 大衛 | [GitHub Pages](https://smtdavid.github.io/vite-workshop-w2/) / [GitHub](https://github.com/smtDavid/vite-workshop-w2)  |
| 20 | LV3 | Alpha | [GitHub Pages](https://alphatero.github.io/react-sample-vite-js/) / [GitHub](https://github.com/alphatero/react-sample-vite-js)  |
| 21 | LV3 | ejchuang | [Codepen](https://codepen.io/EJChuang/pen/poqveOw) |
| 22 | LV2 | Iris | [GitHub](https://github.com/iris831206/react-gh-pages) / [GitHub Page](https://iris831206.github.io/react-gh-pages/) |
| 22 | LV2 | JoyceHsu | [GitHub](https://github.com/hsuchiashih/vite-react/blob/master/src/Week2.jsx) / [GitHub Page](https://hsuchiashih.github.io/vite-react/) |
| 23 | LV3 | Sui | [codesandbox](https://codesandbox.io/s/react-week2-vc8l9j?file=/src/App.js) |
| 24 | LV3 | SkyWoW | [GitHub](https://github.com/stanley878787/react-week2/tree/gh-pages) / [GitHub Page](https://stanley878787.github.io/react-week2/) |
| 25 | LV2 | Ataraxia | [Codepen](https://codepen.io/ataraxia8888/full/yLGybJj) |
| 26 | LV2 | Wendy3 | [GitHub Pages](https://wendy03.github.io/react_week2/#) |
| 27 | LV | MaxYen | [Codepen](https://codepen.io/nffjbkau-the-typescripter/pen/ZEVYNKj?editors=0010) |
| 28 | LV3 | wendy | [GitHub](https://github.com/siaochanwu/react-shop-cart) / [GitHub Pages](https://siaochanwu.github.io/react-shop-cart/)|
| 29 | LV3 | 金魚 | [GitHub](https://github.com/CSO-TW-GoldFish/react-week-2) / [GitHub Pages](https://cso-tw-goldfish.github.io/react-week-2/) |
| 30 | LV4 | collinkao | [Codepen](https://codepen.io/collin0825/pen/MWZYbRx) |
| 31 | Lv4 | 黃士桓 | [codeSandBox](https://codesandbox.io/p/sandbox/react-week1-forked-p2m8r2) |
| 32 | LV | kai.ting.j | [GitHub](https://dear17530.github.io/react-week2/) |
| 33 | LV | 羅羅 | [Codepen](https://codepen.io/bjqs02/pen/BavBGba) |
| 34 | LV3 | Anabell | [Codepen](https://codepen.io/anabell100/pen/yLGNyEM) |
| 35 | LV3 | jerry456789 | [Codepen](https://codepen.io/aria198a/pen/MWZwrJe?editors=1010) |
| 36 | LV3 | SKey | [Codepen](https://codepen.io/Dale-Chien/pen/OJrVWpv) |
| 37 | LV3 | 瑀君 | [GitHub](https://github.com/yanennnnn/vite-react-sample-test/tree/master) / [GitHub Pages](https://yanennnnn.github.io/vite-react-sample-test/#/week2) |
| 38 | LV4 | porin | [Codepen](https://codepen.io/jgaafuka/pen/rNoVZWW) |
| 39 | LV4 | tracychien | [GitHub](https://github.com/TracyChien/react-vite-cart) / [GitHub Pages](https://tracychien.github.io/react-vite-cart/) |
| 40 | LV3 | connieK | [Codepen](https://codepen.io/eaksloky-the-sans/pen/xxmGvmY?editors=1111) |
| 41 | LV3 | yuchih | [GitHub](https://github.com/hijachu/react-workshop-hw2) / [GitHub Pages](https://hijachu.github.io/react-workshop-hw2/) |
| 42 | LV3 | Aden | [GitHub](https://github.com/spikesandmaen484/react-week-2) / [GitHub Pages](https://spikesandmaen484.github.io/react-week-2/) |
| 43 | LV3 | shangchu | [GitHub](https://github.com/shangchu0412/react-week2) / [GitHub Pages](http://git.shangchu.cf/react-week2/) |
| 44 | LV3 | JJ Wu | [GitHub](https://github.com/jesswu1551/react_project) / [GitHub Pages](https://jesswu1551.github.io/react_project/) |
| 45 | LV2 | Wei_Rio | [GitHub](https://github.com/wei-1539/Reactweek02) / [GitHub Pages](https://wei-1539.github.io/Reactweek02/) |
| 46 | LV2 | joanhui | [GitHub](https://github.com/JoanhuiChiu/vite-react-wk2) / [GitHub Pages](https://joanhuichiu.github.io/vite-react-wk2/) |
| 47 | LV2 | 地球儀 | [GitHub](https://github.com/dayday1222/React---homework-week2) / [GitHub Pages](https://dayday1222.github.io/React---homework-week2/) |
| 48 | LV3 | Emily4869 | [Codepen](https://codepen.io/aptx4869Emily/pen/vYvLGdw?editors=0010) |
| 49 | LV3 | LeoHuang | [GitHub](https://github.com/leo0803/react_practise_1) / [GitHub Pages](https://leo0803.github.io/react_practise_1/) |
| 50 | LV3 | David0799 | [GitHub](https://github.com/David07994415/Dranks_OS_React) / [GitHub Pages](https://david07994415.github.io/Dranks_OS_React/) |
| 51 | LV2 | ssshane | [GitHub](https://github.com/sam6091260/React_Props_Practice) / [GitHub Pages](https://sam6091260.github.io/React_Props_Practice/) |
| 52 | LV2 | Alice | [GitHub](https://github.com/Alicezhao0111/cart-react) / [GitHub Pages](https://alicezhao0111.github.io/cart-react/) |
| 53 | LV2 | Ingrid | [Codepen](https://codepen.io/ingrid-chi/pen/OJrVmdg?editors=0011) |
| 54 | LV3 | Yiren | [Codepen](https://codepen.io/Yiren_Liou/pen/rNoVRyE) |
| 55 | LV3 | Che1z | [Github](https://github.com/Che1z/react-workshop-week2) / [Github Pages](https://che1z.github.io/react-workshop-week2/) |
| 56 | LV4 | 精靈 | [Github](https://github.com/sky030b/react-project/tree/gh-pages) / [Github Pages](https://sky030b.github.io/react-project/) |
| 57 | LV2.5 | Sebastian | [Github](https://github.com/maydayXi/HW-1-OrderSystem/tree/main) / [Github Pages](https://maydayxi.github.io/HW-1-OrderSystem/)
| 58 | LV2 | Yen | [Codepen](https://github.com/tzuhuangyen/React-Cart) |
| 59 | LV3 | Kent | [Codepen](https://codepen.io/labkunz/pen/PoXwxJa) |
|60	 | LV2 |	Jeff|	[Codepen](https://codepen.io/nonwaaa/pen/JjwGNjM) |
| 61 | LV2 | Kaya | [GitHub Repo](https://github.com/Laron9486/React_week02/blob/main/src/App.jsx) / [GitHub Pages](https://laron9486.github.io/React_week02/) |
| 62 | LV3 | EricChen | [Codepen](https://codepen.io/Chen-Eric-the-reactor/pen/JjwGqma) |
| 63 | LV3 | EdHsu | [Github](https://github.com/loverofan/_react_hw2) / [GitHub Pages](https://loverofan.github.io/_react_hw2/)
| 64 | LV4 | nancywu | [Github](https://github.com/nancykichou/hscHomework02-1/tree/main) / [GitHub Pages](https://nancykichou.github.io/hscHomework02-1/)
| 65 | LV3 | Daphne | [Codepen](https://codepen.io/DaphneShen/pen/yLGadPg?editors=0100) |
| 66 | LV4 | bonni | [GitHub](https://github.com/bonnieyf/hexschool-react/blob/main/src/Week2.jsx) / [GitHub Pages](https://bonnieyf.github.io/hexschool-react/week2)|
| 67 | LV3 | Ming Wu | [Codepen](https://codepen.io/mingwu1214/pen/PoXWdYr) |
| 68 | LV3 | Yana Chen | [Codepen](https://codepen.io/yana1209/pen/MWZpaEw)|
| 69 | LV4 | Jasmin | [Codepen](https://codepen.io/thejasmin/pen/RwEGoLM)|
---

- 快速複製格式：

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