JS программа демонстрации заполнения таблицы

Нужна следующая программа, написанная на ReactJS или просто на JS.

Заполнение таблицы - график поездок медсестр к пациентам на дом и симуляция изменения. 

Внешний вид можно увидеть на этом видео. (без карты маршрутов)

UI:

- таблица, где каждая колонка - это один сотрудник, а ячейки в колонке это пациенты, которые должен обьехать этот сотрудник. Для каждого пациента установлено время и длительность визита. (имена будут даны позже)

Таблица находится в рамке монитора, чтобы показать, что программа выполняется на ПК.

- над монитором находится поле с кнопками для действий и информационным блоком.

- в блок находятся три иконки и цифры, описывающий состояние таблицы.

- все изменения текста сопровождаются легкой css-анимацией, чтобы привлечь внимание пользователя. Перемещения ячеек из одной колонки в другую имеет также анимацию, чтобы видеть изменения.

Шаги симуляции:

1. Таблица пустая. Есть только одна кнопка "Заполнить".

2. При нажатии, кнопка исчезает, на 3 секунды появляется вращающийся preloader. После этого все ячейки заполняются данными. В информационном блоке стоит текст: "9 туров, 62 визита, общее время 48 ч."

3. После паузы в 2 секунды появляются дополнительный текст: "Сотрудник А заболела. Что делать с пациентами?" и кнопки действий: "Распределить", "Перенести".

Пример.

4. При нажатии "Распределить", ячейки 4-ой колонки распределяются в запланированном порядке на другие колонки.

При нажатии "Перенести", 4-ой колонка удаляется и правые колонки сдвигаются на одну влево.

В информационном блоке изменяется текст.

5. После паузы в 2 секунды появляются новый сценарий: "Пациент А не доступен в 10 утра. Перенести визит?" и кнопки действий: "После обеда", "через неделю".

Выбор "через неделю" -> пациент из 3-ей колонки и 2 ячейки удаляется. 

Выбор "После обеда" -> ячейки 3-ей колонка переставляется, так чтобы пациент А имел время визита после 14.

Динамика:

Каждая ячейка (пациент) имеет время визита, например 10.24 - 10.35. 

Когда ячейки меняются в позиции, то время всех пациентов должно корректироваться.

Чтобы не заморачиваться с перерасчетом, проще создать отдельные json-файлы состояния таблицы при каждом шаге и вручную проставить время. При изменении таблицы, новые данные читаются и отображаются.

Требование к результату:

- на выходе должно быть 3 файла: js, css, html, чтобы легко вставить в действующий проект. В html, как демо-страничка, загружается библиотека react и написанный вами код js.

- Не минифицированный, читаемый код, без использования тяжелых фрейворков типа create-react-app.

- возможно использовать дополнительные библиотеки, если только они не больше 200k.

- вся аппликация по ширине и высоте занимает 100% страницы

- Responsive не нужен, но адекватное скалирование таблицы. Клиент в 99% смотрит эту программу на ПК.