Тестовое задание Эврика

🌐 https://teplokotov.github.io/eureca-test-app/

Одностраничное веб-приложение состоит из 4 компонентов таблицы:

В таблице хранится информация о выбранных квартирах в двух столбцах:

1. Номер подъезда
2. Список номеров квартир, выбранных в подъезде.

Логика работы с данными:

• Данные из таблице можно очистить нажатием кнопки с иконкой корзины.
• Данные в таблицу можно добавить с помощью кнопки с иконкой плюса. При нажатии на неё открывается первое окно со списком подъездов, при выборе подъезда открывается второе окно со списком квартир, при нажатии на квартиру происходит её выбор.
• Выбор квартир множественный, можно выбрать как несколько квартир в одном подъезде, так и в разных подъездах.
• При нажатии на кнопку “Добавить” происходит добавление квартир в таблицу а окна выбора закрываются.

Весь функционал также доступен с клавиатуры:

• Навигация по кнопкам таблиц работает через Tab.
• В окнах выбора подъезда/квартиры навигация осуществляется с помощью стрелок (вправо-влево переключение между окнами выбора, вверх-вниз переключения между выбираемыми компонентами).
• Выбор квартиры происходит через Enter.
• Сохранение выбранных квартир в таблицу происходит через ctrl + Enter.

Запуск проекта в 🖐 5 шагов

1. Клонируйте проект

git clone https://github.com/teplokotov/eureca-test-app.git

2. Перейдите в директорию проекта

cd eureca-test-app

3. Установите модули

npm install

4. Запустите проект

npm run dev

5. Откройте страницу

http://localhost:5173

Используемые технологии

• VS Code
• Git Bash
• Vite
• React 18.2
• SCSS modules
• TypeScript

Контакты

• Филипп Добриков
• [email protected]
• https://t.me/hello_philipp