本專案為中壢資策會 MFEE16 第五組組員共同開發之電商網站。
網站以客製化香水為主打，旨在透過新鮮的使用者體驗及活潑的視覺畫面吸引消費者，建立品牌價值。
開發內容包含視覺設計、前後端及資料庫的建置，主要使用技術有 React、Node.js、MySQL 。
此處僅存放前台 React 之目錄。

前台架構

├── public                   靜態資源及 html 的存放位置
└── src                      應用程式的程式碼來源
   ├── App.js                主應用程式
   ├── components            共通元件
   ├── config                環境設定檔
   ├── pages                 存放各個分頁的程式以及樣式檔
   ├── Paths.js              附屬於主應用程式之下，決定畫面呈現結果
   ├── routes                子路由器
   ├── styles                共通樣式
   └── utils                 第三方套件模組

使用技術

• 前端： 　　　ReactJS | JavaScript | CSS | Sass | Bootstrap | Material UI
• 後端： 　　　Node.js | Express
• 前後端串接： RESTful API | fetch API | AXIOS | JWT
• 其他套件： 　google-map-react | react-calendar | style-components | react-credit-cards | react-spring ...
• 視覺設計： 　Adobe XD | Illustrator | figma
• 版本控制： 　Git | GitHub

團隊分工

• 侯奕任： 後端架設與整合、資料庫整合、官方商品、訂單系統
• 蕭永棠： UI/UX、素材處理、註冊登入系統、會員系統
• 彭郁文： UI/UX、企劃擔當、結帳系統、心理測驗
• 李蕙如： 資料庫整合、地圖系統、課程系統
• 吳承恩： 前端架設與整合、版本控制、客製化系統、熱銷商品
• 張晁榮： 購物車系統、我的最愛系統

團隊成員

• 侯奕任： https://github.com/ikl258794613
• 蕭永棠： https://github.com/a07401234
• 彭郁文： https://github.com/wandererwen
• 李蕙如： https://github.com/loveblue0121
• 吳承恩： https://github.com/chengen0612
• 張晁榮： https://github.com/geese-are-cute

開發文件

• BEM 命名法
• 後端架設範例
• 購物車及我的最愛 API