---
# System prepended metadata

title: 會議紀錄
tags: [meeting]

---

---
title: 會議紀錄
tags: meeting
description: Licorne Project Meeting Minutes
version: 20210622
---

# 會議紀錄

### 重要連結
* 開發前代辦事項
https://hackmd.io/BuY_LlI2QcGqTPepOXOg2A
* 專題用工具與教學
https://hackmd.io/nyE9yUTgS8i740821gFvdA
* Sitemap & Functional Map
https://miro.com/app/board/o9J_lCXGwVk=/
* Figma
https://www.figma.com/file/0lY9iQgqrPvIy1cCY8OuF4/style-ver.-1?node-id=0%3A1
* XD
https://xd.adobe.com/view/2f358065-45db-4adb-a107-cbe3c708b321-7a66/
* 素材
https://drive.google.com/drive/u/0/folders/1f0FVH4hIHaK9S9HlN3zsTM0-J__L9WQq
* Google 日曆 
https://calendar.google.com/calendar/u/0?cid=ZWNtbDE2MjI2bmh0bjhkYWZpZGZwNGg1YWtAZ3JvdXAuY2FsZW5kYXIuZ29vZ2xlLmNvbQ
* Jamboard 白板
https://jamboard.google.com/d/1Pmwnzb9ha9WLaoWkYHIuOeYOntcwfG_2X3FOMoTPI3s/edit?usp=sharing

## 20210622
### 進度報告
* 永棠 
    * 調整桌機版
    * 新增手機版
* 奕任
    * 開發時程
        * 7/2 - 7/4 開發首頁
        * 7/6, 7/9, 7/10 開發官方(部分購物車一並開發)
        * 7/11 首頁與官方整合
        * 7/12 完成心理測驗
        * 7/13 第一次問問題
        * 7/14 - 7/21 開發客製化、課程(部分購物車一並開發)
            * 分組做 or 一頁做完再做另一個
        * 7/22 第二次問問題
        * 7/23 - 7/26 開發會員、登入、登出、註冊(購物車開發完成)
        * 7/27 第三次問問題
        * 7/28 - 7/30 用套件測試bug
        * 7/31 - 8/2 加上動畫、測試
        * 8/3 第四次問問題
    * 開發流程
        * 以首頁為Master
        * 早上：分配工作
        * 晚上20:00-21:00：彙報進度、解衝突
        * 六個人共同開發完一個頁面，再到下一頁面
        * 線上掛著一起開發，如果有問題馬上提出，請求外援沒解，先放著等指導時間問老師

    感謝組長耐心規劃
    哭喔??? 🦆
    
* 晁榮
    * 文案部分完成
    * GSAP尚未時間研究
* 蕙如
    * MySQL XAMPP掛掉->找蕙如
    * gitflow https://hackmd.io/-WofcJEmRDejtHG8kOrowg
        * branch 分支
            * master - 不准亂動 🔪
            * develop - 開發中
            * feature - 分工能做
            * issue - 修bug用
            * hotfix - 暫時不做
    * 設計分支名稱

    感謝蕙如的整理
        
* 郁文
    * 完成手機版首頁
* 承恩
    * 格式化工具
        * ESLint
        https://larrylu.blog/improve-code-quality-using-eslint-742cf1f384f1
        * Prettier
        * ESLint + Prettier
https://wcc723.github.io/development/2021/04/11/vscode-eslint-prettier/
        * Google Coding Style Guide - JS https://google.github.io/styleguide/jsguide.html
    * functional map
    * 專案目錄規劃

### 討論議題
- [x] 需不需要繼續做 functional map? --> ==YES==
- [x] 要不要做手機版？ --> ==NO==
    - 永棠想繼續花時間畫UI介面？
        - 折衷只做需要用手機才能呈現的功能 ex. QR Code
        - 顧好網頁版，不做手機版，專題結束後再補手機版
- [x] 工作分配 & 開發前代辦清單
    * 資料庫 - 蕙如
    * funtional map - 承恩
    * github控版 - 蕙如、承恩
    * 研究用得上的技術 - 奕任
    * coding style - 晁榮
    * UI - 郁文、永棠
    * 素材處理 - 永棠
- [x] 確定專題用通訊軟體 --> ==Slack==

### 下次開會前要完成的事
* 所有人
    * 回去想資料庫還缺什麼（組長、蕙如）
* 永棠
    * 調整桌機版UI
* 奕任
    * 確認開發流程尚未確定的事(資料庫跟UI的落差，問小賴後端API和上課node.js差別，React)
* 晁榮
    * 補齊首頁文案
    * 研究 coding style Prettier, ESLint 並設定好
* 蕙如
    * 設計git分支名稱
    * 資料庫跟UI的落差
* 郁文
    * 調整桌機版UI
* 承恩
    * 課程、客製化、購物籃 functional map
    * 設計git分支名稱

### 待討論議題


## 20210625

### 進度報告
* 永棠
    * 客製化頁面＋動畫
        * 物理引擎 https://brm.io/matter-js/
* 奕任
    * 
* 晁榮
    * 研究如何使用 Prettier 以及 Eslint 來統一 Coding Style 和 抓 bug：
    https://hackmd.io/4f6WUT0kTY2-GCKVB3X0lw
    - 網頁首頁各標題下加入簡短說明文字
https://docs.google.com/document/d/12s6hZMaSYOEYpLTVuO9oDst6tuLWlOXhVJIdtCEd67A/edit#
* 蕙如
    * 資料表
                    https://docs.google.com/spreadsheets/d/1QWfRy6EIGQ4BMDdx4pqfTqUVZAY3vg5uw7oI_LoP0sc/edit#gid=2036184078
* 郁文
    * 首頁、購物籃、排行榜頁面
* 承恩
    * functional map
    https://miro.com/app/board/o9J_lAq3lHI=/

### 討論議題
- [x] 後台需要重做？ --> 確定不做，開發著重在前台
- [x] 留言區是否要做？ --> 不做
### 下次開會前要完成的事
* 永棠
* 奕任
    * 建立資料庫缺少的資料表&欄位  
    * 首頁banner動畫、客製化入口呈現
* 晁榮
    * 客製化香水頁面的文案補充
* 蕙如
    * 建立資料庫缺少的資料表&欄位
    * functional map RUN過一遍
* 郁文
    * 修改今天討論到的頁面
* 承恩
    * 完善現有 functional map
    * 首頁 map
    * 建置專案資料夾 & 開好 github 分支


### 待討論議題
- [ ] 會員中心的整體設計
- [ ] 首頁分工


## 20210627

### 公告
> 下次開會暫定為首頁開發日 7/2
> 請大家在本週日晚上 21:00 前上來寫下週末專題進度
> 有連結的務必附一下連結感恩

有任何問題或困難務必在本週提出來大家一起討論解決
最近專題和課業負擔都很重
接下來這段日子也會比較辛苦，大家一起加油!!

### 進度彙報

* 永棠

* 奕任
  * 資料庫該新加的表格已經做完
  * official_img的name要存圖片的路徑
  * customized_fragrance的description_zh要注意文案數字不能太多，現在UI上的字太多了
  * 收藏中的XX香氛系列要在official_series的name_en抓
  * 會員中心的訂單內容中，官方產品訂單跟課程訂單應該只能呈現一個商品，X種商品結帳的內容要產生X筆訂單
  * 會員註冊可能要把member資料表內的空值(Null)改成允許，不然無法寫入資料庫，或是改掉註冊的UI
  * 經緯度要寫入資料庫嗎?還是寫死在程式碼中。
  * 資料庫第一階段核對，新增產品收藏資料表
  * 三種產品訂單資料表新增付款方式欄位
* 晁榮

* 蕙如
    * 首頁及官方產品git flow命名完成
    * 資料庫第一階段核對，新增課程收藏資料表
    * 更新課程資料庫欄位名稱
    * 會員資料表新增欄位-暱稱(nickname)、組合紀錄(Combination record)、個人簡介(member_profiles)

* 郁文
    * 介面大致完成，還需要在開發前修改一些細節
    * CSS統整已發在 #licorne

* 承恩
    * 首頁及官方產品git flow命名完成
    * 完成首頁 map
    * 目前有的 map 重新整理一遍
      https://miro.com/app/board/o9J_lCXGwVk=/
      
## 20210702

```javascript
<!-- BootStrap 4.6.0 -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css" integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" crossorigin="anonymous">
<!-- Feather Icons -->
<script src="https://unpkg.com/feather-icons"></script>
```
### 工作分配
* 永棠
  footer
* 奕任
  人氣熱銷商品區塊
* 晁榮
  客製香水區塊和side進度條 
* 蕙如
  header
* 郁文
  工作坊體驗課程
* 承恩
  實體店鋪區塊
  
### feather icon react

```javascript=
<!--install   feather-icon-->
npm install --save feather-icons-react
// 使用時在最上方引用
import FeatherIcon from 'feather-icons-react';
// 使用FB FeatherIcon
<FeatherIcon icon="facebook" />

```
###  react-bootstrap
```javascript=
<!--install  react-bootstrap-->
npm install react-bootstrap bootstrap@4.6.0
```
文件:https://react-bootstrap.github.io/layout/grid/
