Задача:
Разработать таблицу для работы с данными продаж интернет-магазина. Таблица должна уметь фильтровать, сортировать, искать и разбивать данные на страницы. В финале — перейти на серверную обработку через API.
Моя роль:
Frontend-разработчик. Отвечал за модульную архитектуру, работу с API и рефакторинг.
Что делал:
— Реализовал модульный подход: каждый компонент (пагинация, фильтрация, поиск, сортировка) изолирован
— Настроил передачу параметров запроса через query-строку
— Подключил REST API: получение данных с сервера, кеширование запросов
— Реализовал пагинацию с выбором количества строк
— Настроил фильтрацию по продавцам и поиск по всем полям
— Провёл рефакторинг: удалил ~300 строк устаревшего кода, заменив на серверную логику
Стек:
JavaScript, TypeScript, REST API, Vite, HTML5, CSS3.
Результат:
Готовый компонент для админок, CRM, интернет-магазинов. Работает с любым API, где есть фильтрация и пагинация.
https://github.com/Kaylapoza/smart-table