Форма логина (react/тесты/ошибки)
Цена договорная
•
безналичный расчёт, электронные деньги
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.
Требования:
+ 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.
Отзывы
В заказе есть исполнитель
При переводе заказа из архивного в актуальный, текущий исполнитель будет снят с задачи.
Выберите тип сделки
С безопасной сделкой вы всегда сможете вернуть средства, если что-то пойдет не так. С простой сделкой вы самостоятельно договариваетесь с исполнителем об оплате и берете на себя решение конфликтов.