會議紀錄 - HackMD

--- 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  <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">  <script src="https://unpkg.com/feather-icons"></script> ``` ### 工作分配 * 永棠 footer * 奕任人氣熱銷商品區塊 * 晁榮客製香水區塊和side進度條 * 蕙如 header * 郁文工作坊體驗課程 * 承恩實體店鋪區塊 ### feather icon react ```javascript=  npm install --save feather-icons-react // 使用時在最上方引用 import FeatherIcon from 'feather-icons-react'; // 使用FB FeatherIcon <FeatherIcon icon="facebook" /> ``` ### react-bootstrap ```javascript=  npm install react-bootstrap bootstrap@4.6.0 ``` 文件:https://react-bootstrap.github.io/layout/grid/