Форма логина (react/тесты/ошибки)

Цена договорная • безналичный расчёт, электронные деньги
26 июня 2018, 12:10 • 2 отклика • 32 просмотра
Create-react-app + форма логина (два инпута: email / password и кнопка). Для почты валидация стандартная через регулярку, для пароля еще легче: просто по длине пароля.

Требования:
+ es2015 (строго не typescript)
+ react16
+ тесты (jest для компонента, unit тесты на валидацию)
+ показ ошибок (ошибки показываются сразу при их появлении, не дожидаясь клика по "войти"):
++ email не корректный
++ поле email не заполнено
++ пароль слишком короткий (минимум 4 символа)
++ поле пароль не заполнено
++ показывается либо 0 ошибок, либо 1, либо 2 - в зависимости от состояния формы
+ подсветка полей (красное - если с ошибкой, зеленое - без)
+ верстка: своя, styled-components (желательно), SCSS тоже как вариант. Дизайна нет, поэтому если угодно, можете за основу взять стили из любого UI, который вам нравится.

Hе использовать:
- готовые компоненты (из UI китов)
- пакеты для форм (formik, redux-form, final-form и так далее)
- Разумеется, никаких redux и прочего. Уточняю, так как практика показывает необходимость этого, к сожалению.

Опционально:
+ flow

Ошибка "поле не заполнено" не должна появляться, если поле еще не редактировалось. Так же для подсветки. Кнопка "войти" не доступна, если форма не валидная. Enter так же. В общем, все как в нормальных приложениях.

Указывайте в откликах стоимость заказа, примеры работ (если имеются), когда будет готово, какой подход по стилям будете использовать, будете ли использовать flow.
Отзывы
R50 f31073928db4886979b1d87d93789e61
Заказчик
Грамотно, быстро. По срокам вопросов нет.
6 лет назад
R50 a35a85c679a10645533a7084dc002b29
Фрилансер
Все профессионально, т.з. грамотное, оплата в срок!
6 лет назад