Тестовое задание на позицию Frontend-разработчик в Idea Platform

Техническое задание

Нужно создать страницу выдачи билетов с фильтрами (как на макете ниже).

Необходимо выполнить следующие задания:

1. Рендер билетов (#task1)

Используйте React для того, чтобы отрисовать билеты с данными, сортированные по цене, из файла tickets.json

2. Фильтрация билетов (#task2)

Фильтрация билетов в выдаче по количеству пересадок.

При выполнении задач должны быть соблюдены условия:

• Используйте JavaScript/TypeScript; • Работоспособность в браузерах: IE 11, Chrome;

Для удобства можно воспользоваться любыми вспомогательными библиотеками. Соответствие примерному макету на картинке и любые дополнительные функции приложения приветствуются.

Для запуска проекта используйте следующие команды

git clone https://github.com/southatelove/ideaplatform-interview.git

npm i

npm run dev

Стек:

• TypeScript
• React
• Redux-toolkit
• Redux-AsyncThunk
• dayjs
• Vite
• SCSS
• Module.scss
• ClassNames
• Jest
• React Testing Library
• Storybook

Итог