Brave Developers Test Task

Тестовое задание от Brave Developers Web приложение - терминал оплаты мобильного телефона. В приложении должен быть главный экран со списком операторов - МТС, Билайн, Мегафон. Список должен быть расширяем. По клику на оператора переходить на экран формы оплаты. Экран с формой оплаты должен содержать выбранного оператора, поле ввода телефона с маской и валидацией, и поле ввода суммы в рублях с маской и валидацией (мин 1 и макс 1000 руб). Кнопка подтверждения, которая ожидает ответа от сервера. После ответа показывается сообщение об успехе или об ошибке. В случае успеха переходим на основной экран.

Используемый стек

• React
• Typescript
• React Hook Form
• Next JS
• Styled Components

Первое задание

https://codesandbox.io/s/competent-microservice-w5x4df?file=/index.html

Демо второго задания

https://brave-test-task.netlify.app/

Клонирование репозитория

git clone https://github.com/valvalov22/brave-test-task.git
# Клонирование репозитория
npm install
# Установка зависимостей
npm run dev
# Запуск сервера в режиме разработки

Оффтоп

Fakeapi может отдать сколько угодно error подряд (Я получил 19 подряд). Проверено во время тестирования..