Сервис предполагает следующий функционал:
-
Регистрация. Позволяет зарегистрировать нового пользователя в системе. Для обеспечения работоспособности данной функции необходимо реализовать следующие структуры: Sidebar.js, Modal.js, AsyncForm.js, RegisterForm.js, User.js, createRequest.js.
-
Авторизация. Позволяет авторизовать пользователя в системе. Для обеспечения работоспособности данной функции необходимо реализовать следующие структуры: Sidebar.js, Modal.js, AsyncForm.js, LoginForm.js, User.js, createRequest.js.
-
Выход. Позволяет деавторизовать пользователя в системе. Для обеспечения работоспособности данной функции необходимо реализовать следующие структуры: Sidebar.js, User.js, createRequest.js.
-
Создание счетов. Для обеспечения работоспособности данной функции необходимо реализовать следующие структуры: AccountsWidget.js, TransactionsPage.js, Modal.js, AsyncForm.js, CreateAccountForm.js, Entity.js, Account.js, createRequest.js.
-
Удаление счетов. Для обеспечения работоспособности данной функции необходимо реализовать следующие структуры: TransactionsPage.js, Entity.js, Account.js, createRequest.js.
-
Создание транзакций. Для обеспечения работоспособности данной функции необходимо реализовать следующие структуры: TransactionsWidget.js, Modal.js, AsyncForm.js, CreateTransactionForm.js, Entity.js, Transaction.js, createRequest.js.
-
Удаление транзакций. Для обеспечения работоспособности данной функции необходимо реализовать следующие структуры: TransactionsPage.js, Entity.js, Transaction.js, createRequest.js.
Существующая файловая структура проекта предусматривает разделение управляющей логики на графический интерфейс и API.
Например, функция регистрации нового пользователя в системе, требуется при нажатии на кнопку "Регистрация" боковой панели (Sidebar.js), что бы обеспечить открытие модального окна с соответствующей формой. Далее требуется, при нажатии кнопки "Регистрация" данной формы, выполнить оправку данных из формы регистрации на сервер с помощью метода User.register() и при получении положительного ответа от сервера установить состояние App.setState( 'user-logged' ) и закрыть модальное окно регистрации.
Для реализации работы необходимо развернуть локальный сервер по адресу "http://localhost:8000". Описание по запуску локального сервера и серверной логики можете найти в файле
При работе с локальным сервером рабочая директория public/js.
- js/
- api/ (Связь с сервером, сетевые запросы)
- Account.js (управление счетами)
- createRequest.js (доработка XHR, запросы к серверу и получение ответов)
- 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 (класс управления боковой колонкой)
- forms/ (формы приложения)
- App.js (класс приложения)
- api/ (Связь с сервером, сетевые запросы)