Менеджер финансов

Функционал:

1. Регистрация. Позволяет зарегистрировать нового пользователя в системе. Связанные компоненты: Sidebar.js, Modal.js, AsyncForm.js, RegisterForm.js, User.js, createRequest.js.

2. Авторизация. Позволяет авторизовать пользователя в системе. Связанные компоненты: Sidebar.js, Modal.js, AsyncForm.js, LoginForm.js, User.js, createRequest.js.

3. Выход. Позволяет деавторизовать пользователя в системе. Связанные компоненты: Sidebar.js, User.js, createRequest.js.

4. Создание счетов. Связанные компоненты: AccountsWidget.js, TransactionsPage.js, Modal.js, AsyncForm.js, CreateAccountForm.js, Entity.js, Account.js, createRequest.js.

5. Удаление счетов. Связанные компоненты: TransactionsPage.js, Entity.js, Account.js, createRequest.js.

6. Создание транзакций. Связанные компоненты: TransactionsWidget.js, Modal.js, AsyncForm.js, CreateTransactionForm.js, Entity.js, Transaction.js, createRequest.js.

7. Удаление транзакций. Связанные компоненты: TransactionsPage.js, Entity.js, Transaction.js, createRequest.js.

Файловая структура и назначение компонентов

• js/
  • api/ (связь с сервером, сетевые запросы)
    • Account.js (управление счетами)
    • createRequest.js (запросы к серверу и получение ответов)
    • Entity.js (базовый класс для счетов, пользователей и расходов/доходов)
    • Transaction.js (управление доходами и расходами пользователя)
    • User.js (регистрация/авторизация/вход в приложение)
  • ui/
    • forms/ (формы приложения)
      • AsyncForm.js (базовый класс для всех форм. Используется преимущественно во всплывающих окнах)
      • CreateAccountForm.js (форма создания нового счёта)
      • CreateTransactionForm.js (форма создания нового расхода/дохода)
      • LoginForm.js (форма входа)
      • RegisterForm.js (форма регистрации)
    • pages/ (страницы приложения)
      • TransactionPage.js (страница расходов и доходов конкретного счёта)
    • widgets/
      • AccountsWidget.js (виджет управления счетами)
      • TransactionsWidget.js (виджет управления расходами и доходами)
      • UserWidget.js (виджет текущего пользователя)
    • Modal.js (базовый класс для всех всплывающих окон)
    • Sidebar.js (класс управления боковой колонкой)
  • App.js (класс приложения)