Нажмите на изображение, чтобы посмотреть видео и описание:
Вам нужно разработать приложение для управления финансами.
Вот какой функционал должен быть у сервиса:
-
Регистрация. Позволяет зарегистрировать нового пользователя в системе. Чтобы функция работала, нужно реализовать структуры 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.
У вас уже готовы HTML- и CSS-разметки. Ваша задача — реализовать JavaScript-логику.
Файловая структура проекта предусматривает разделение управляющей логики на графический интерфейс и API.
Например, рассмотрим функцию регистрации нового пользователя в системе. Требуется нажать на кнопку «Регистрация» боковой панели (Sidebar.js), чтобы открылось модальное окно с формой. При нажатии кнопки «Регистрация» в этой форме требуется выполнить отправку данных из формы регистрации на сервер с помощью метода User.register(). При получении положительного ответа от сервера нужно установить состояние App.setState ('user-logged') и закрыть модальное окно регистрации.
Выполняйте работу по шагам, описанным в разделе «Основные задачи».
Ориентируйтесь на описание шагов, а также на комментарии в коде каждого файла.
Чтобы выполнить работу, разверните локальный сервер по адресу http://localhost:8000. Описание по запуску локального сервера и серверной логики можете найти в файле.
При работе с локальным сервером рабочая директория public/js.