Test assignment for Trajectory.

Использован шаблон vite@latest --template react-ts

Для первичной инициализации проекта в его директории сперва нужно установить зависимости с помощью команды:

npm install

Для локального запуска проекта нужно использовать команду

npm start

Ссылка на продакшн: test-trajectory

Автоформатирование и проверка кода реализованы через Prettier и ESLint.

В проекте использованы библиотеки

• React;
• Typescript;
• Radix;
• Sass;
• clsx;
• prettier;

Описание:

Для ускорения разработки использованы шаблоны UI-компонентов Radix.

Данные для списка автомобилей получаются по api. Реализована сортировка по ресурсам. При нажатии на карточку открывается форма для редактирования. Форма закрывается кликом вне окна, с помощью клавиши ESC, а также по кнопке для мобильных устройств. Все изменения сохраняюся в localStorage. Добавлен компонент Preloader для загрузок.

Добавлена "ленивая" загрузка страницы. Был оптимизирован рендер компонентов за счёт вынесения сторонних функций в отдельный файл. В некоторых случаях вёрстка и логика компонентов разделены.

---

Любые замечания по работе приложения приветствуются 😊