От кандидата необходимы хорошие знания python flask, html/css и js.
Необходимо на Flask разработать 1 страницу, на которой будет форма оплаты:
- информация о платеже
- поля ввода данных карты (номер, фио, дата, код)
- iframe в который будет подгружаться 3DS страница, полученная из API
- фоновое обновление статуса платежа из API
- страница результата платежа (квитанция)
На данный момент есть эта форма на Vue.js, написана очень криво, есть необходимость перенести её на Flask.
За основу бралась эта форма: https://codemyui.com/material-design-3d-credit-card-form-with-microinteractions/
Основная логика:
1. При открытии формы делаем запрос в API для получения информации о платеже.
2. После ввода номера карты запрос в API на проверку карты. В случае не успешной верификации карты высвечиваем ошибку.
3. После верификации карты отправляет запрос в API на получение комиссии по платежу и указываем это под кнопкой.
4. После нажатия на кнопку "оплатить" дожидаемся от API ссылку на 3DS подтверждение платежа скрываем элементы формы и открываем эту страницу в iframe, параллельно запускаем опрос API на результат оплаты (ожидаем завершение процесса).
5. Как только получили соответствующий ответ от API закрываем iframe и отображаем квитанцию с результатом оплаты.
На каждом этапе должна присутствовать анимация загрузки, например:
- Возле поля с инпут карты должна быть анимация загрузки во время запросов к API
- После нажатия кнопки "оплатить" форма становится disabled, поверх анимация загрузки с текстом пока не появится iframe.
От самого проекта на Flask ничего особенного не требуется, не нужная какая то особая архитектура, просто blueprint который мы перекинем в существующий проект, но код должен быть аккуратный и документированный (docstring и комментарии).
Более подробно все этапы опишу с кандидатом.
Бюджет примерный и обсуждаемый.
