---
# System prepended metadata

title: 旅行分帳

---

# 旅行分帳
工具：
React + Express + MySQL
分工：
皓庭切版
1.首頁
2.搜尋頁
3.會員註冊頁面
4.分帳頁（component）

後端：
設計資料表
適合的DB
設計API路由&回傳格式


功能：

1. fb登入功能（次要）
2. 附檔，發票
3. 搜尋，分類
   全域搜尋（天、月）
   日曆搜尋（顏色標記）
4. 結算

Sean 邀請你加入分帳
https://sfglnslfg


新增帳目
結算
搜尋分類
會員相關

首頁：
總消費、成員列表、最近帳目

新增帳目：
帳目名稱
支出者，選擇團隊成員
價錢：預設平均分配給所有成員，也可改手動新增
備註

搜尋分類：
按日/周/月
可以選擇日期
按user

會員註冊登入：
一般會員登入
email帳號、密碼、暱稱、選擇頭像。

a (ＡＢＣ)
- [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,
    },
  ],
}   
```



