• i18n plugin
• Auto detect browser language
• Font

• Name
• Icon select @antfu
• Color
• Members
• Main currency select #10
• Reset (implemented in dfb73b4)
• Form validation (435586f)

Detect category from inputted descriptions base on predefined keywords and history operations.

Refer to: https://dribbble.com/tags/split_bill

fix method:
https://css-tricks.com/the-trick-to-viewport-units-on-mobile/

• Baisc Logo (Multiple sizes, from 32x32 to 512x512)
• Android Icon
• iOS Icon
• Github Social image (1280×640)
• Google Play Feature Graphic (1024x500)
• og:image

Able to select login method

支出往右滑 or 記錄往左滑會變空白頁面
接下來怎麼樣滑都不會出現畫面內容

For example, "join" button should check login state and ask for login.

Refer: https://medium.com/@giltayar/testing-your-frontend-code-part-iii-e2e-testing-e9261b56475

Multiple instance can not share LocalStorage together. This will cause data overriding.

Make sure there is only one instance running on single device to fix this.

Refer:
https://kinsey.no/blog/index.php/2009/11/15/how-to-restrict-your-web-app-to-a-single-instance/

Live Example:
https://app.keeweb.info/

Something like this:

Same page open in different tabs, the second one will be a warning and block the app functions

• 從 https://materialdesignicons.com/ 中挑選相關圖標並記錄id
• Dialog UI

Find a services can provide daily currency exchange rate.

Fixer.io is an api used by KittysSplit, may be a good reference.

• Save to LocalStorage on state mutated
• Load from LocalStorage on startup

https://blog.logrocket.com/the-complete-guide-to-using-localstorage-in-javascript-apps-ba44edb53a36

Able to share and join a group by invite link

目前測試，底部navigation跟部分頁面中按鈕會超出頁面

https://www.google.com/search?q=vue+chart

Compare the libraries and pick one

Refer:
https://settleup.io/
https://www.tricount.com/en/
https://en.todoist.com/overview

1219032.202

Should be formatted as

1,219,032.20

Based on locale, it could also be

1.219.032'20

Details please refer to https://en.wikipedia.org/wiki/Decimal_separator

There is an API can be used:
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/NumberFormat

Relative code is here:
https://github.com/antfu/splitoast/blob/master/client/components/MoneyLabel.vue

https://saintplay.github.io/vue-swatches/

• PWA
• More tests needed

Similar to #28
Refer to #4

Should also add ability to remove the transaction.

Autocomplete by history

https://firebase.google.com/docs/auth/web/cordova

根據地區或手機預設語言，推薦使用貨幣，或是把常用貨幣拉到最上面。

參考Settle up

功能即可，文本内容之後另議.

• 基礎信息
• 類型選單
• 類型智能感知
• Splitting
• Payer Splitting
• Date Select
• Number input with calculate

可以考慮接入第三方服務，請確保對開源免費

The entry can be found in
https://github.com/antfu/splitoast/blob/478af69dbe9bc2bb05672a8144769c2e6290cf9d/client/layouts/default.vue#L163-L165

New group dialog can be reused for modifying. Relative to #3

App介紹(發想,目的...etc)
團隊介紹
捐獻按鈕

Should we design a pattern ourselves or just use other placeholder services? This functions should works Offline.

Current using: https://avatars.dicebear.com/
Options:

• http://avatars.adorable.io/

Example

Reference

https://medium.com/@morgoe876/placeholder-avatars-dfb02b9b7af5

首次進入app的過渡畫面

Should popup a loading dialog for server requests. (Eg: convert to online group)

Vuetify:
https://vuetifyjs.com/en/components/dialogs#loader

with some basic operations

reference
https://github.com/icebob/vue-touch-keyboard

Template https://github.com/lyrasoft/chinese-privacy-policy-template

For Line or Wechat

Webview will not keep localstorge and isolated from normal browser.

Should guide user to open the page in browser

OneSky 看起來是個不錯的選項，還需要進步的研究。它需要通過調用API來實現和源碼的同步。

API: https://support.oneskyapp.com/hc/en-us/articles/221630548-How-to-integrate-OneSky-APIs-into-your-translation-workflow-process

Reason

The package vue-watches introduces 4 high severity vulnerabilities, and does nothing really helpful. Remove the package and implement its function ourselves.

TODO

• Implement app-watches
• Remove vue-watches

This menu will be overlapping when user have too may groups

• Should limit groups showing in the drawer, may 5 or set dynamic depends on device height
• Sort the groups by most recent(Done)

Find a currency list source(Name, Symbol, Currency code) and make a file in /meta

Keywords

split bills, group expenses management, sharing expenses, accounting

Simliar Apps

• ⭐Settle Up
• ⭐Splitwise
• Splid
• Tricount
• SplittyPie Open Source
• KittySplit
• iHateMoney
• acasa

Test the name

https://www.rewindandcapture.com/brand-grader/