Skip to content

Тестовое задание Эврика — это одностраничное веб-приложение, позволяющее организовать информацию о квартирах и подъездах между 🏢 домами.

Notifications You must be signed in to change notification settings

teplokotov/eureca-test-app

Repository files navigation

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

React TypeScript SCSS

image

🌐 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
  1. Перейдите в директорию проекта
cd eureca-test-app
  1. Установите модули
npm install
  1. Запустите проект
npm run dev
  1. Откройте страницу
http://localhost:5173

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

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

Контакты

About

Тестовое задание Эврика — это одностраничное веб-приложение, позволяющее организовать информацию о квартирах и подъездах между 🏢 домами.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published