# 旅行分帳 工具: React + Express + MySQL 分工: 皓庭切版 1.首頁 2.搜尋頁 3.會員註冊頁面 4.分帳頁(component) 後端: 設計資料表 適合的DB 設計API路由&回傳格式 功能: 1. fb登入功能(次要) 2. 附檔,發票 3. 搜尋,分類 全域搜尋(天、月) 日曆搜尋(顏色標記) 4. 結算 Sean 邀請你加入分帳 https://sfglnslfg 新增帳目 結算 搜尋分類 會員相關 首頁: 總消費、成員列表、最近帳目 新增帳目: 帳目名稱 支出者,選擇團隊成員 價錢:預設平均分配給所有成員,也可改手動新增 備註 搜尋分類: 按日/周/月 可以選擇日期 按user 會員註冊登入: 一般會員登入 email帳號、密碼、暱稱、選擇頭像。 a (ABC) - [x] A - [x] B - [x] C a b c d A 100 B 100 C 100 A sum(a(33%)+b(10%)) 帳目 ``` { "id": 1, "username": "John Smith", "contents": [ { "userid": userA, "price": "100", }, { "userid": userB, "price": "200", }, ], } { "id": 2, "username": "John Smith", "contents": [ { "userid": userA, "price": "100", }, { "userid": userB, "price": "200", }, ], } ``` UserA(userid:1) ``` { "id": 99, "contents": [ { "price": "100", "status": true, }, ], } { "id": 102, "contents": [ { "price": "200", "status": false, }, ], } ```