kt3k / moneybit-app

💵仕訳帳を入力したら損益計算書・貸借対照表を表示してくれるアプリ WIP

MoneyBit App - WIP

オープンソースの会計処理アプリ (フリーランサー向け)

タスクボード(ZenHub)

最新モック

ドメインモデル

i18nリソース

ページ仕様書

概要

• 経理アプリ
• 100% オープンソース
• フリーランス非小売業向け
• 年次取引数1000未満の個人事業主がメインターゲット

Goals

• このアプリだけで日本で確定申告が出来る
• アプリに適切に入力すれば、電卓を一切使わずに決算書の各項目を入力できる

Non-Goals

• 決算書自体の出力, 確定申告書の出力
• 日本以外の国のサポート (issue で上がったら順次対応していきたい, 初期リリースでは must ではない)
• 小売など, 取引数の多い業種のサポート, PoS 連携
• 複式簿記を知らないユーザーのサポート

High level architecture

• WebView app
  • Use straw as native bridging framework.
• Use capsid as UI framework.
• Use DDD as design architecture of business logic.
  • Use moneybit-domain as core domain.
• Use bulma for css framework.
  • could be changed later.
• Store journal data in straw.Storage.
• i18n with t10.
• transpile with babel
• bundle scripts with browserify (I like it)
• build the static resources with bulbo.
• test with karma, mocha, chai.
• test coverage with istanbul and codecov.
• ci with circle-ci.

Wireframes

Features

• Can manage multiple journals. Can switch journals.
• Can set up/modify period of each journal.

License

MIT

moneybit-app's Issues

🔮Modeling last selected account types

• When the user select the account type, the last selected account type should be at the first place, the second last one should be at the second place, and so on.
• The order should depend on the major account type.

🔩i18n delete modal in edit journal context

Implement B/S page

🔩Use xxhash for hash function

• https://github.com/pierrec/js-xxhash

動的翻訳 (t10) が結構遅い

画面が出てから翻訳されるまでが結構見て分かる程度に遅い
html 自体を言語ごとに生成しておいた方が自然かも

⛏Monthly Summary View (subledger-modal)

• design on sktech
• create subledger-modal component
• toggle subledger-modal component
• paint rough image
• create subledger-modal__month-list
• create subledger-modal__month-area component
• create subledger-modal__trade-card
• close modal button
• BS date switch tabs
• (show the balancesheet of the last/first date) button and related resources
• write unit tests

Finish new journal page

• inline error popup - use popper.js
• transition after submit

i18n Retained earnings label

• en: Retained earnings
• ja: 利益余剰金

🔩check the journal's start and end date when adding / modifying items.

⛏edit-item-card.js

• rename new-item-card.js to edit-item-card.js (new-item is special case of edit item)
• open edit modal with the given trade info
• fill info of editing item
  • fill description
  • fill date
  • create hidden id input
  • fill accounts
• submit editing request to the store
• edit action in trade module

Implement chart screen

⛏Create Delete this trade button

• Add delete button in edit-item-card
  • only appear when trade.id exists
• store: TradeModule - Action.DELETE_TRADE
• domain: Journal.deleteById(id)
• delete confirm modal
• refresh trade-list when item is deleted

Fix bug of `Pure` component

• pure component shows strange bug in journal page's input modal

🚧Create Android Build

🐛fix: when loaded without any data

• when loaded without any data, it should redirect to app start page, but it doesn't now

Create error popup component

• learn popper.js APIs https://popper.js.org/
• install popper.js
• create js-popper component
  • create interface
  • document it
• create js-dirt-aware component
• integrate it with validate.js

test rultor

⛏Create New Journal Entry Component

• add credeit/ debit row
• entire new-item input should disappear when the input finished or canceled.
• add a journal entry-button creates the new-item input.
• new item validation
  • introduce js-form component in new-item-card
  • date is required
  • description is required
  • fix validation
  • reset position of error tooltip when moved
  • show overlay to hide background
  • debit / credit integrity
    • it has at least one debit and one credit selected, which has its amount.
      • the amount of debit/credit should be a number.
      • error when amount input without account type
    • the total amoutns of debits and credits should be balanced.
• Fix new debit/credit button
• account-type select box
  • lists all the account-types
  • lists recently used account-types first

🌲rename edit-chart-of-account -> chart-settings

• edit pagedoc
• edit source code

⛏Export feature

• export screen
• export as csv
• export as yaml

⛏Make chart-settings page

• add new account type button
• select edit/delete action tooltip
  • design delete-not-available pattern
  • impl UI
  • enabled / disabled tooltip
• rename account type modal
  • keep order
• delete account type modal
  • redesign
  • validation (in domain, needs tests)
  • data process (in domain, needs tests)
  • impl UI
• create account type modal
  • impl UI
• finish editing button
• make this default chart button
  • show toast
    • create toast component

🚧Create iOS build

⛏Create BS screen

• show asset-card
• show equity-card
• show liability-card
• show equity-liability-total-card
• show revenue-card
• show expenses-card
• handle retained earnings in equity-card
• show income-card
• show the date of the balancesheet date
  • the last day of the journal
• switch to show the last and first balancesheet.

Implement journal screen

🐛i18n month label in Journal Page

⛏DocumentSettings Screen - ChartArea

• disable links of account types (because they are only visible, not modifiable in this page)

⛏Complete trade-list

• journalDocument.getMonths()
• show months
  • show month label
  • remove entire month if there is no transaction in it
• show the special message when the journal is totally empty e.g. "there is nothing to show here".
• sort item by date
• i18n date label
• the trade number

🌲🐛Fix transition from `new` page in gh-pages env

• When the user created a new journal in new page, then the redirect target is wrong (404) in gh-pages environment.

🌲rename settings -> document-settings

• edit pagedoc
• edit source code

🔩Better trade page creation

• The creation of trade page is now O(n^2) where n is the length of trade list. This should be O(nlog(n))

🔩The balance sheet date tab

• Create balance sheet date tab
• remove obsolete UIs and code