# 官網建置會議記錄
[TOC]
## 資源區:
- [google spreadsheet](https://docs.google.com/spreadsheets/d/19YWSc-IgM1cPR2rfRYNxKVWoK9OXA8dUALCotrDxlMk/edit#gid=0)
- [Figma](https://www.figma.com/design/Jv1EZJTRB7mMBxLO4Vz39T/Official-website?node-id=0-1&t=gGdSEUuyxYq3S5St-0)
---
### 2024/06/2 (日)
:::info
:::spoiler 會議記錄
#### 與會人員
俊彥、阿峯、奶捲、阿鵝、蛙哥、駭客瓜
#### 主席
俊彥
#### 紀錄
俊彥
### 上次的 Action Item
4/4
### 討論議題
1. 上週的未完成討論
2. 確定一下 佈版細節, 慢慢來把目前 nextjs 做好的網頁放到正式上面 ( 特別感謝 瑞絲/安東尼/峯/阿樹 以及一起 build 網頁的夥伴們的付出)
3. 討論一下 測試站 > 正式站 的流程 ( 測試站已開出來 )
4. 目前專案列表資料先寫死, 因為其他資深大大的建議「資料可以考慮不要用DC來存」, 後端開始邊技術選型, 目前以 Java / Postgres 為方向
5. 活動列表初步討論( 主要細節下次官網會議討論 )
6. 奶捲加入前端組
### 組別會議
專案組
前端組
後端組
### 臨時動議
無
### Action Item
1. 請 Yuanlin 幫開 https://stage.sideproj.tw
2. 請 Yuanlin 幫忙 deploy stage
3. 上版 stage
4. 後端 java project init
## 會議記錄
### 2024/05/19 (日)
:::warning
:::spoiler 會議記錄
#### 與會人員
俊彥、峯、阿樹、蛙哥
#### 主席
阿樹
#### 紀錄
俊彥
### 討論議題
1. 前提摘要：上次結論是，用 discord channel 當作我們的 DB，透過這個 channel 進行審核等 actions
2. 這個 channel 是否已經開出來了
3. 這個 channel 裡面是否已經有資料了
###
議題1:discord channel
目前會是這樣流程：
1. 前端 post project data to dc channel A
2. 在 channel A 的審核，把審核過得 project(s) 貼到 DC ChannelB. (暫時先人工)
3. Frontend 接 backend(java)
議題2：峯 demo 桌面版 frontend
桌機/mobile版面已經做好，下次會議決定要不要更新 DC channel 的功能
### 組別會議
專案組
1. phase1, phase2 task已開出來，到時候俊彥再跟
2. 6/16 會有一個線下聚，預計前端 phase1 會初亮相
前端組
1. phase1 mobile/desktop(有RWD)已完成，但顯示資料有缺的部份大家邊完善(活動列表可以用 ChatGPT生 mock 圖。
後端組
目前已有做的資料流測試：
1. 前端 post 資料到 DC_Channel「待審核專案」(用 webhook)
2. 審核人員根據 post 過來的資料跟 owner 聯繫並確認審核通過與否
3. 審核人員將通過審核的專案放到 DC_Channel「已審核專案」並且通知 owner。
### Action Item
[V] 1. 俊彥開一下頻道：審核專案, 已審核專案
[V] 2. 俊彥問一下 Yuanlin，關於線上 QA 環境建制，要/demo 還是另開環境？
[V] 3. 針對其他群友給的建議，俊彥來問一下 Yuanlin 能不能開個資料庫環境
[V] 4. 俊彥整理一下目前 DC 的線上活動資料 log 到 DC 頻道，目前也將 DC 頻道作為暫時的資料/log集中方式。
### 其他群友給的建議
1. 兔田大有建議，資料庫的部份可以更完善一下功能角色/使用情境（針對專案列表/活動列表），的部份，然後使用關聯式作為資料庫。
### 組別進度
#### 專案組（目前夥伴：阿樹、Sin）
1. Phase1 Task 已開出來
2. 建立 label
3. Prepare Phase 2 item
#### 前端組（目前夥伴：安東尼、峯）
1. desktop 初版 UI 完成
2. updated new mock data
#### 後端組（目前夥伴：俊彥、路易斯、峯）
1. 提供新得資料結構
```json
{
"title": "title",
"description": "description",
"imageUrl": "image url",
"tags": ["PM","UIUX","前端", "後端","開源","自主學習","Go","CI/CD","DevOps"],
"isSoftDelete": false,
"githubUrl": "https://github.com/side-project-taiwan/member",
"createdAt": "created at",
"projectStartedAt":"2022/12/27",
"isActive": true,
"owner": {
"name": "owner name",
"personalGithub": "https://github.com/xxx", "role": "owner"
}
}
```
:::
### 2024/04/28 (日)
:::info
:::spoiler 會議記錄
#### 與會人員
俊彥、Sin、峯、KO、安東尼、瑞絲、蛙哥、竹子
#### 主席
俊彥
#### 紀錄
Sin
### 討論議題
1. 開立專案表單：
- 欄位必要性討論，添加 or 減少
- 審核流程確認
- 開立專案 phase 1 資料儲存方式
- 結論
- 先比照 [3/10 會議記錄資料欄位](#資料格式)
- 官網開立專案 -> send message to discord -> 負責審核人員提供協助＆審核 -> 審核通過，由管理員到審核通過頻道（不開放）發文 -> 官網從 discord 審核通過頻道，撈文章列表作顯示
- phase 1 暫放 systeam
2. 開立專案審核人員確認
- 結論
- 先由俊彥處理
4. [phase 1 final UI](https://www.figma.com/file/Jv1EZJTRB7mMBxLO4Vz39T/Official-website?type=design&node-id=345%3A637&mode=design&t=HFZnUrSYwhTOi6RM-1)：
- desktop layout 可以先確認一下，目前有把一些 style 像是 [color](https://www.notion.so/Color-palette-885d3e2db9cf4c04b35cee94b62df968?pvs=4) 跟 [typography](https://www.notion.so/Typography-cf9b0eaf02ff4bd48084b91af58cb288?pvs=4) 先定義出來，文件也有附在 UI 內 & UI 裡有一些 comment 有些需要確認
### 組別進度
#### 專案組（目前夥伴：阿樹、Sin）
#### 前端組（目前夥伴：安東尼、峯）
1. mobile 版本 UI 完成
2. 前端這邊有連同把 icon, text 做成 component，到時候再跟著 UI 調整（峯）
#### 後端組（目前夥伴：俊彥、路易斯、峯）
1. 請後端協助確認 discord api
- 前端建立專案時，post discord send message api url, params, and payload 等
- 前端畫面顯示，fetch discord channel api 的 response 資料格式
> 目前取得 discord api post webhook payload
```json
{
"content": "Hello, this is a message from my app!",
"username": "Webhook Bot",
"avatar_url": "https://path.to.your/avatar.png",
"thread_name": "我想提案",
"embeds": [
{
"title": "KO提案中",
"description": "說明細節摟",
"color": 65280,
"image": {
"url":"https://fountain.org.tw/upload/upload/repository/74a7f73b7f18d193ddebff71c0b8afeaimage_normal.jpg"
}
}
]
}
```
### 臨時動議
:::
### 2024/04/14 (日)
:::warning
:::spoiler 會議記錄
#### 與會人員
俊彥，阿樹，Sin，峯，瑞絲，路易斯，小許，竹子，ko
#### 主席
阿樹
#### 紀錄
Sin
### 討論議題
1. UI 功能定案
- 首頁揪夥伴區塊，filter存在與否及替代方案
- 揪夥伴區塊list，顯示邏輯討論
- [第一版UI - figma](https://www.figma.com/file/Xo0tQqeL40Vtpn3a3nN2Mt/Untitled?type=whiteboard&node-id=0-1&t=H8YlHQduxBlgJs80-0)
- 結論
- [第二版UI - figma](https://www.figma.com/file/Jv1EZJTRB7mMBxLO4Vz39T/Official-website?type=design&node-id=206-6123&mode=design&t=lOaEci6RkIM8RMa6-0)
- 確定移除filter功能
- 開專案功能的model，流程修改
1. 送出開立專案需求文章，導流到spt dc 頻道 - 問題求助＆建議回饋頻道發文
2. 送出成功訊息，show 出 dc 相關文章連結
> todo：
> 1. 統計目前專案，用於定案揪夥伴區塊顯示卡片數量。小於5個，直接全部顯示，並先隱藏搜尋功能。大於5個，則只顯示3張卡片並加入搜尋功能及頁面（隨機3張）。
> 2. phase1 先隱藏改到 phase 2 實現 : 看更多的button、nar bar 的menu、開專案功能
> 3. 提交現有專案詳細資料（依照UI card 上的顯示資料提供）
2. Frontend CDN of assets
- 結論
- phase 1 暫放 systeam
4. [官網建置 - 貢獻規則](https://hackmd.io/@SPT/B1nh0XuxC)
- 結論
- commit 規範 [參照](https://www.conventionalcommits.org/en/v1.0.0/) [相關輔助套件](https://marketplace.visualstudio.com/items?itemName=vivaxy.vscode-conventional-commits)
- PR規範，一律先以PR到dev為主
- 官網上最下方的介紹說明：直接在文案上加上 email：sideproj210@gmail.com， 讓非程式者可以參與
> todo：調整文案
### 組別進度
#### 專案組（目前夥伴：阿樹、Sin）
1. 貢獻文件初版定案
2. tesk開立
3. 第一版 UI 調整討論
#### 前端組（目前夥伴：安東尼、峯）
1. 第一版設計稿，UI已完成
#### 後端組（目前夥伴：俊彥、路易斯）
1. 歡迎後端小夥伴：峯
3. project init: main_prod 分支
4. 後端功能需求
### 臨時動議
:::
### 2024/04/07 (日)
:::info
:::spoiler 會議記錄
[UI-prototype](
https://www.figma.com/proto/Jv1EZJTRB7mMBxLO4Vz39T/Official-website?type=design&node-id=4-221&viewport=1108%2C1169%2C0.76&t=CyG1JM2rMksBZvs2-0&scaling=min-zoom&starting-point-node-id=26%3A376)
[UI-wireframe](
https://www.figma.com/file/Xo0tQqeL40Vtpn3a3nN2Mt/Untitled?type=whiteboard&node-id=0-1&t=6HFtiCIsoa2Q9haW-0)
### UI Flow調整
* 頁面調整 Figma 畫面討論
- 揪夥伴、活動進行，區塊調整
- 揪夥伴、活動進行，改由新頁面顯示較完整列表 ( phase 2 進行 )
- 首頁分頁區塊取消
- 開新專案表單，改由 button 開啟新頁面
> UI/UX設計，有事未參加本次會議，待俊彥把討論結果與UI/UX溝通過後，取得最終修改結果。
- 先出 desktop 的 UI
- mobile UI 的改動
### 後端部份
1. 確認一下 project init 的部份
2. 準備後端 API spec
:::
:::spoiler 會議記錄
### 2024/03/31 (日) 會議記錄
### UI Prototype
* 清單項目
- 揪夥伴(Side Project)/讀書會
- 進行活動
### reviewer 機制
直接 assign 請對方看 pr
- 前端 reviewer:
- 峯: arthur-mountain
- 安東尼: hcw0915
- Yuanlin: yuaanlin
- 後端 reviewwer:
- 俊彥: cbot918
- Yuanlin: yuaanlin
### pr 環境 ( main / dev )
### 貢獻組機制
TODO:
- [x] 安東尼權限嘗試
:::
### 2024/03/30 (日)
:::warning
:::spoiler 會議記錄
### UI Prototype ( 感謝 UI 大佬 )
https://www.figma.com/file/Jv1EZJTRB7mMBxLO4Vz39T/Official-website?type=design&node-id=4-221&mode=design&t=RAzNqFYz7eVaJF7S-0
- Action: 根據目前的設計稿，先依據會議討論畫成 flow chart
### 貢獻組機制
不論身份，一率都 fork 出去並發 PR
### pr 環境 ( main / dev / hotfix )
多新增一個 dev
### reviewer 機制
- 會想 review 的人 review (有空的人)
- 一個或兩個人 review
- 主要開發者
- 互相 review
... 等等議題 ( 大家也可以提出 )
:::
### 2024/03/23 (六)
:::info
:::spoiler 會議記錄
1. phase1 專注於專案先出來
2. 自由認領 Task，需要有權限要再麻煩 Yale 開
3. 有兩張 tasks(active block的兩張) 看能不能拆小
4. Phase2 的 task 會需要先方在 Backlog 區域
:::
### 2024/03/17 (日)
:::warning
:::spoiler 會議記錄
1. 阿樹會將任務及前端組件拆分，下周小船來討論
2. 阿樹同時進行 Project Init
3. 任務平台先暫時用 Trello
4. 制定基本守則，並補上文件
:::
### 2024/03/10 (日)
:::info
:::spoiler 會議記錄
### 資料格式
```jsonld!
{
title: "",
description: "",
imageUrl: "",
tags: ["A","B","C"],
isSoftDelete: false,
github_url: "",
create_at: 163124124, // TimeStamp
isActive: true,
owner: {
name: '',
personal_github: '',
role: ''
}
... // 看要哪種命名方式就後端大大們定了。
}
```
### Notion 邀請
- Antonio H : `love233031@gmail.com`
### 結論:
1. 先 phase1 畫面出來，json 先上資料
2. 專案的 SPT 官網功能，就像是專案的 linkedin，專案類比公司
3. 目前專案分類：
- 正式- Zeabur、島島阿學
- 私人- Java 讀書會
4. 資料 sync:
(1) 資訊入口: notion
(2) 會議記錄: [hackmd](https://hackmd.io/@sideprojtw/HyFo6ksTa/edit)
(3) 整理的資料: [google sheet](https://docs.google.com/spreadsheets/d/19YWSc-IgM1cPR2rfRYNxKVWoK9OXA8dUALCotrDxlMk/edit?usp=sharing)
:::
### 2024/03/03 (日)
:::warning
:::spoiler 會議記錄
- 官網頁面：1頁
- 官網區塊 (可參考 hahow 好學校或其他網站)
- 近期活動
- 專案列表
- 說明文字
- 外部連結
- 資料庫(下周決定)：notion 或 mongodb
- 前端框架 next14 (app router)
- CSS: tailwindcss
- Deployment: Zeabur
- CI: Github Action
:::
### 2024/02/25 (日)
:::info
:::spoiler 會議記錄
###
管理組: Yuan Lin, Yale, 小許
公關組: 關Ash
協辦組: Jia(FE), Antonio(FE), 峯(FE), 瑞絲(UIUX)
未明確列入: Jia, Sam, Joan, CC
### 線下
活動: 內容演講、專案分享、產品推廣、純粹小聚
受眾: 任何人
候選場地: 五倍紅寶石、AppSchool、天瓏書局...
- 主題講演: 包含技術、概念、流程、心得等等，依正式規劃組議程軌。
- 產品推廣: 可提供公司產品宣傳、個人上架產品交流使用。
- 純粹小聚: 如題，給予相互角色交流，小遊戲等等。
- 專案分享: 給予團體類 side project 提供平台做簡報。
### Discord
活動: 各種小型，非團體分享會。
受眾: 任何人
場地: DC 會議室
內容:
- 專案分享: 願意分享自身 sideproject 內容，正式分享可登記宣傳。
- 專案招募: sideproject 的人員彼此意願配對。
- 文章分享: 貼文形式保存紀錄，提供查閱。
- 自由分享: 個人訓練，開放會議室可以使用，也可以公開邀請。
---
### 官方網站 (https://sideproj.tw/)
Stack:
1. 核心理念說明
2. 資訊匯集區域
3. 產品推銷區域
4. 成果發表區域
:::
Sign in with Wallet
Connect another wallet