Необходимо добавить валидацию на стороне клиента по полям email и password.
Правила для поля email:
- Строка может содержать только символы латинского алфавита, цифры и дефис;
- Строка должна содержать символ
@; - Email может быть зарегистрирован на домене любого уровня.
Правила для поля ввода пароля:
- Строка не долна быть короче 6 символов.
При клике на кнопку «Log in» должна быть запущена валидация. Если поле не валидно, это должно быть отражено визуально. Все ошибки валидации должны выводиться в алерте над формой.
Компонент приложения «Форма входа» — src/common/LoginApp/index.tsx
Приложение будет запущено по адресу http://localhost:8080
Дополнительно можно добавить валидацию на стороне сервера по тем же правилам, что и на клиенте, и добавить проверку на соответствие отправленного логина и пароля. Хранить пары логин-пароль можно в константе. Если пароль не соответствует введённому логину, должно быть выведено соответствующее сообщение.
Код сервера находится в src/server/index.tsx
Необходимо написать фотогалерею, используя React для отрисовки интерфейса.
Требования к галерее:
- Галерея может отображать любое количество изображений;
- При клике на превью должна меняться большая фотография;
- При клике на стрелки влево и вправо должна прокручиваться лента превью на 1 изображение;
- ⭐️ Дополнительно: добавить бесконечную прокрутку ленты превью в обе стороны.
Компонент приложения «Галерея» — src/common/GalleryApp/index.tsx
Приложение будет запущено по адресу http://localhost:8080/gallery
Запуск веб-сервера для разработки клиентской части (добавлен hot module replacement): npm run dev-server
Сервер будет запущен по адресу http://localhost:8080
Запуск сервера на Node.js с SSR и отдачей статики: npm start
Сервер на Node.js будет запущен по адресу http://localhost:3000