---
# System prepended metadata

title: 1/25 meeting

---

# 1/25 petZone meeting

## 合作方式

```
考量到這是一們前端直播課，
有些人可能不想寫後端，想純練前端
所以大家如果不想寫後端或不會寫，我來寫，(我晚上都在補後端知識)
```

## **提議1**
 大家純寫前端 後端大部分我來寫 (但前端部份我就會寫比較少，畢竟我也不熟Vue)。
我會把後端撰寫的過程步驟都用文字紀錄下來，大家也可以看著筆記了解怎麼寫。

Frank, Owen 工作上都用Vue，我是覺得給你們起Vue的專案，把routers的部分先寫好，內容可以先空。然後大家在依各自負責的部分去寫component比較不會有conflict。

```
這邊是我隨便找的一個示意folder structure 
如果你覺得是可以共用的component可以放到components folder中
其餘的畫面可以取一個folder如以下scenes，然後再創建自己負責區塊的folder
假如說負責購物車 創建cart folder 然後裡面再建自己的component例如card


pinia的部分我猜應該也是有像redux一樣專門的folder在做管理，如果要存資料
，寫function比較容易有衝突，要新增東西可以先在群組講

|   .eslintrc.json
|   App.tsx
|   expanede-theme.ts
|   index.css
|   main.tsx
|   ouput.txt
|   theme.ts
|   vite-env.d.ts
|   
+---assets
|       react.svg
|       
+---components
|       BoxHeader.tsx
|       DashboardBox.tsx
|       FlexBetween.tsx
|       
+---scenes
|   +---dashboard
|   |       index.tsx
|   |       Row1.tsx
|   |       Row2.tsx
|   |       Row3.tsx
|   |       
|   +---navbar

|   |  
|   +---cart
|   |       card.tsx
| 
\---state
        api.ts
        types.ts
        
```


## **提議2**

自己負責的前端頁面，然後寫自己該畫面需要用到的api(如果大家都想自己寫api) 
但這樣的話後端衝突部分也需要handle，不知道大家後端有沒有很會寫。

## **提議3**
還是有誰能夠有更好的提議?
我的看法是，
我們以做出來為主，有沒有component reusable未來要優化再做吧