Тестовое задание для Frontend-developer

Стек технологий

Запуск проекта

npm run start — запускает проект (интерфейс + сервер)
npm run dev — запускает frontend на порту 3000
npm run server — запускает сервер на порту 3001

Демо

Посмотреть скринкаст можно здесь

Описание

Одностраничное приложение "Список компаний". Слева имеется таблица со списком компаний.
Справа - таблица сотрудников выбранной компании. Данные в таблицах хранятся в store. Данные для таблиц фейковые, созданы с помощью npm json-server.
Тело таблицы компаний имеет столбцы:
Чекбокс | Название компании | Кол-во сотрудников | Адрес
Тело таблицы сотрудников имеет столбцы:
Чекбокс | Фамилия | Имя | Должность

Функционал приложения

• Возможность выбрать строку таблицы при клике по чекбоксу
• Возможность выбрать все строки таблицы при клике по чекбоксу "Выделить все"
• Возможность видеть данные сотрудников компании в таблице сотрудников при выделении компании в таблице компаний
• Если не выделена ни одна из компаний, таблица сотрудников не видна
• Все поля таблиц редактируемые кроме счетчика сотрудников в таблице компаний
• В обеих таблицах реализован механизм добавления/удаления компаний/сотрудников по соответствующим кнопкам
• Удаление может быть множественное
• При добавлении/удалении сотрудников у компании счетчик сотрудников в таблице компаний обновляется
• При скролле страницы компании загружаются динамически
• Поля, доступные для редактирования, валидируются