MoneyPie - веб-приложение

1.

MoneyPie
веб-приложение
Команда ТП-4.2-3

2.

Содержание
О проекте
Аналоги
Цели создания приложения
Группы пользователей
Требования к ПО
Технологии
Требования к оформлению и верстке
Дизайн сайта
Диаграммы прецедентов
2

3.

О проекте
MoneyPie — приложение для отслеживания личных трат и
ведения совместного бюджета с возможностью просмотра
статистики расходов и доходов

4.

Задачи
Формирование и просмотр
статистики по расходам
Возможность добавления
пользователя для ведения
совместного бюджета
Запись трат и входящих
денежных средств по
категориям
4

5.

Функциональные возможности:
Ведение учета расходов и доходов, как личных, так и
общих
Информирование пользователя о практиках
финансовой грамотности
Отображение статистики расходов и доходов
Возможность приглашения пользователей для ведения
совместного бюджета
5

6.

Распределение обязанностей
Пустовалов Артем:
• Тим лидер
• Вообще красавчик
• Хочу от тебя детей
Бордюжа Екатерина: • Тим лидер
• Вообще красавчик
• Хочу от тебя детей
Новиков Виктор :
• Тим лидер
• Вообще красавчик
• Хочу от тебя детей
6

7.

Распределение обязанностей
Пустовалов Артем:
• Тим лидер
• Вообще красавчик
• Хочу от тебя детей
• Тим лидер
• Вообще красавчик
• Хочу от тебя детей
Бордюжа Екатерина:
• Тим лидер
• Вообще красавчик
• Хочу от тебя детей
• Тим лидер
• Вообще красавчик
• Хочу от тебя детей
Новиков Виктор:
• Тим лидер
• Вообще красавчик
• Хочу от тебя детей
• Тим лидер
• Вообще красавчик
• Хочу от тебя детей
7

8.

8

9.

Сравнение аналогов показало, что у многих приложений
нет:
Веб-версии
Совместного бюджета
Возможности опробовать приложение в демо-режиме
Советов по финансовой грамотности
9

10.

Цели создания
Данное приложение создается для получения прибыли
от премиум-подписок

11.

Группы
пользователей

12.

• Авторизованный
• Неавторизованный
• Премиум-пользователь
• Участник группы
12

13.

Требования к ПО
Приложение должно запускаться в
следующих браузерах:
• Google Chrome (версия 90.0.4430.93 или
новее)
• Firefox (версия 90.0.2 или новее)
• Microsoft Edge (версия 90.0.818.39 или
новее)
13

14.

Технологии

15.

Разработка Frontend:
JavaScript
TypeScript
React
15

16.

Разработка Backend:
• Node.JS
• Nest.JS
• REST API
• PostgreSQL
• Swagger
16

17.

Сервисы, используемые в процессе
разработки:
• Git
• GitHub
• Miro
• Trello
• Figma
17

18.

Требования к
оформлению и верстке

19.

• Страницы должны быть сверстаны с использованием
принципов резиновой верстки
• Должна быть реализована кросс-браузерная поддержка
веб-приложения
19

20.

Дизайн сайта

21.

21

22.

22

23.

• Минималистичный стиль
• Сглаженные элементы
интерфейса
• Использование
градиентов и теней
23

24.

Диаграммы
прецедентов

25.

25

26.

26

27.

Реализация

28.

Главный экран - авторизация
28

29.

Главный экран - регистрация
29

30.

Личный кабинет
30

31.

Статистика доходов
31

32.

Статистика расходов
32

33.

33

34.

Заключение
• Разработана Front-end часть
сайта
• Разработана Back-end часть
сайта
• Создана связь между Front-end
иBack-end частями сайта
• Разработана база данных
34

35.

GitHub
Команда разработчиков:
• А.А. Пустовалов
• Е.О. Бордюжа
• В.Г. Новиков
35