Прототип небольшого банка
Разработано приложение, которое позволяет оформлять кредитные продукты (кредитные карты). Приложение состоит из главной страницы и страниц для заполнение заявки на кредитный продукт. Пользователь может оформлять сколько угодно заявок, но одновременно не больше одной.
На главной странице показывается актуальный курс валют и актуальные новости, на странице loan (Credit card) - основная информация по кредитной карте и форма заявки.
Использованно:
- Vite
- React
- TypeScript
- ESLint
- Vitest
- Git-flow
- formik
- Zustand
Посмотреть репозитарий или реализацию
Логика работы:
- Пользователь заполняет форму (prescoring) на странице loan и после отправки данных создаётся уникальный id заявки.
- Начинается обработка prescoring заявки и если она проходит, то пользователю становятся доступны 4 предложения на выбор (loanOffer) с разными условиями (например без страховки, со страховкой, с зарплатным клиентом, со страховкой и зарплатным клиентом).
- Пользователь выбирает одно из предложений и отправляется запрос, после чего его заявка сохраняется.
- После создание пользователю показывается сообщение о том, что необходимо дождаться ответа по заявке на почту.
- На почту клиенту приходит письмо с текстом "Ваша заявка предварительно одобрена, завершите оформление".
- В письме клиент переходит на страницу loan/id и заполняет вторую форму, где указывает свои паспортные данные и работу. После отправки формы, показывается сообщение, что ответ по заявке придёт на почту. Также сразу после отправки запускается таймер на 10 секунд и если приходит статус CC_DENIED, то происходит редирект на главную страницу и оформление завершается.
- Происходит scoring данных, бэкенд рассчитывает все данные по кредиту (ПСК, график платежей и тд). После валидации данных пользователю приходит письмо на почту с одобрением или отказом. Если кредит одобрен, то в письме присутствует ссылка на запрос "Сформировать документы", loan/id/document.
- Перейдя по ссылке пользователь отрисовывается график платежей от первого до последнего месяца, если пользователь согласен, он нажимает на checkbox и отправляет документы на формирование, после на этой странице показывается текст, что необходимо перейти в почту.
- Пользователю на почту приходят документы для подписания и ссылку на запрос на согласие с условиями. При переходе по ссылке loan/id/document/sign пользователь нажимает на checkbox и отправляет документы на подписание. Пользователь может отказаться от условий или согласиться. После отправки опять показывается надпись с предложением перейти в почту.
- Если пользователь согласился, то на почту отправляется код подтверждения, при переходе на loan/id/code пользователь вводит code. Если введённый код неверный, то показывается сообщение с ошибкой. Если полученный код совпадает с отправленными, то выводится экран с поздравлением и оформление кредита заканчивается.
