Front-end
Задание подойдет для тех, кто 
front-end
Содержание:
Понимание принципов важнее знания инструментов
Часть 1
Создание блока со списком категорий
Необходимо создать блок со списком категорий
Требования
БЭМ
Для построения разметки, необходимо использовать методолгоию БЭМ
Микроанимации
Необходимо реализовать микроанимации которые будут воспроизводится при взаимодействии с элементами интерфейса. Визуально необходимо ориентироваться на пример который размещен ниже и доступен по ссылке
Микро-анимации должны быть реализованы:
- По наведению на карточку
- Анимация листика слева, вверху
- Анимация маленького коричневого листика
Адаптивность
Блок должен быть адаптивным
Github
Результат работы нужно залить на github и прислать ссылку на репо с исходниками
Часть 2
Создание формы авторизации
Необходимо создать форму логина которая будет взаимодействовать с сервером с помощью rest-api
Требования
БЭМ
Для построения разметки, необходимо использовать методолгоию БЭМ
JS
Необходимо использовать чистый Js, без использования jquery и библиотек
Для отправки запросов на сервер используйте fetcth
API
Для работы с API используйте:
| Метод передачи параметров: | GET / Payload |
| Api url: | https://test-works.pr-uni.ru/api/login |
| Пример ответа с ошибкой: | https://test-works.pr-uni.ru/upload/json/api/login/error.json |
| Пример ответа с успехом: | https://test-works.pr-uni.ru/upload/json/api/login/success.json |
Корректные доступы для авторизации:
- e-mail: hr@samedia.ru
- телефон: +7 (863) 303-36-65
- пароль: q10O57H25O82E40y95D12a85U96A4U34
Пример GET запроса:
Обработка ошибок и валидация
Сервер может возвращать ошибки, нужно это обрабатывать и отображать в интерфейсе
Состояния ожидания
Нужно проработать состояние когда пользователь нажал на кнопку и ушел запрос на сервер.
Нужно сделать чтобы форма дизейблилась в момент отправки и добавить прелоадер на свое усмотрение.
Состояние успеха
После успешной авторизации нужно:
Сохранить токен в куки, скрыть форму и вместо нее вывести текст:
res.user.name, Вы успешно авторизованы!
Github
Результат работы нужно залить на github и прислать ссылку на репо с исходниками