Сайт для учета финансов с регистрацией и отчетами.
В рамках проекта выполнены следующие работы:
- Разметка и фон для всех страниц, когда пользователь вошел в систему и нет (телефон, планшет и рабочий стол)
- Разметка и стили заголовка при входе и его отсутствии (телефон, планшет и десктоп)
- Реализована логика выхода из профиля при нажатии кнопки "Выход"
- Макет и стили окна входа/регистрации (телефон, планшет и рабочий стол)
- Функционал отправки запроса на вход/регистрацию пользователя
- Функциональность входа/регистрации через кнопку "Google"
- Разметка и стили компонента «Баланс» (телефон, планшет и десктоп)
- В поле «Баланс» отображается ваш баланс в состоянии
- При нажатии на кнопку "Подтвердить" сумма баланса отправляется на бэкэнд и записывается в сторону
- Создано модальное окно с нулевым балансом
- Создано универсальное модальное окно при выходе из системы
- Когда вы нажимаете кнопку «Перейти к отчетам», он перенаправляет вас на страницу «Отчеты о расходах».
- Разметка и стили разделов «Расходы» и «Доходы» (телефон, планшет, десктоп)
- Календарь показывает сегодняшнюю дату
- Нарисован всплывающий список категорий товаров
- При нажатии на кнопку "Enter" данные со входов записываются в таблицу и отправляются на бэкенд, а входы очищаются
- Когда вы нажимаете кнопку «Очистить», входы очищаются
- Если в разделе «Расходы» была введена положительная сумма, то в таблице отображается отрицательная
- В разделах "Расход" и "Доход" в таблице при нажатии на корзину отправляется запрос на удаление записи и выводится из состояния
- Разметка и стили компонента «Сводка»
- Сводные данные взяты со спины
- Макет и стили страницы с «Отчетами» о расходах и доходах (телефон, планшет, десктоп)
- Разметка и стили компонента "Вернуться на главную", при клике пользователя перенаправляет на главную страницу
- Разметка и стили компонента "Текущий период", при нажатии на стрелки месяц должен меняться в обе стороны
- Разметка и стили раздела «Расходы/Доходы», должны отображаться актуальные данные (телефон, планшет, десктоп)
- Разметка и стили раздела "Расходы", показывать только те категории, в которых были расходы (телефон, планшет, десктоп)
- Разметка и стили раздела "Доходы", показывать только те категории, в которых были доходы (телефон, планшет, десктоп)
- Стрелки в разделах «Расходы» и «Доходы» должны переключать пользователя между этими страницами.
- На графике наглядно отображаются расходы и доходы выбранной категории (телефон, планшет, десктоп)