R50 c8d11da2c29b84cd2edba72419c83b2e
Frontend-разработчик

Тестовое задание студии Чулакова

Добавлено 25 мар 2021 в 19:26
Реализованные задачи:
- Дизайн на усмотрение исполнителя
- Желательно не использовать готовые CSS-фреймворки (Bootstrap и т. д.)
- Использовать Redux

1. С помощью AJAX получить JSON-файл со списком людей и информацией о них.
2. Реализовать на JS вывод всех полученных людей в виде таблицы на основе полученного JSON-файла. Необязательно, чтобы это был тэг table.
3. Реализовать вывод людей в виде “превью”. Элементы у которых есть поле “video”, занимают всю ширину области и содержат плеер с этим видео из папки “videos”.
4. Реализовать сортировку (работает и для таблицы, и для превью).
5. Сделать фильтрацию (текстовым полем) по имени и/или фамилии. Предусмотреть возможность того, что пользователь может вписать в поле сначала фамилию, а потом имя.
6. Страница должна адаптироваться для планшетов и телефонов. Частью функционала на мобильных устройствах можно пожертвовать.
7. Реализовать добавление/удаление из избранного. Без AJAX (менять поле в Redux-хранилище).

Помимо выполненных задач покрыл юнит-тестами некоторые компоненты и утилиты.

Для получения данных использовал функцию, которая эмулирует запрос к серверу и с вероятностью 25% возвращает ошибку.

Используемые технологии:
- React
- Redux
- TypeScript
- Jest
- Enzyme
- CSS

Реализация: https://chulakov-test-work.vercel.app
Репозиторий: https://github.com/janttaxan/chulakov-test
E58319cfa2 Ad10306382