AutoParts Finder
Артикул → Производитель → Запчасти и аналоги
Веб-приложение для поиска автомобильных запчастей через API Favorit Parts. Пользователь вводит артикул, выбирает производителя и получает список оригинальных запчастей и аналогов с ценами и доступными складскими остатками.
Найти нужную запчасть
и сравнить предложения
Поиск автомобильных запчастей по артикулу может возвращать несколько производителей, оригинальные позиции и множество аналогов. При этом важно не только найти подходящую деталь, но и сравнить доступные предложения.
AutoParts Finder объединяет поиск в одном интерфейсе: сначала определяет производителей, затем загружает позиции и аналоги выбранного бренда с информацией о ценах и остатках.
Весь процесс поиска
в четырёх шагах
Артикул
Пользователь вводит номер запчасти. Приложение отправляет запрос к API с задержкой debounce.
Производитель
Из ответа API извлекается список производителей. Пользователь выбирает нужный бренд.
Аналоги
Выполняется повторный запрос с выбранным производителем и включённым поиском аналогов.
Результаты
Отображаются найденные позиции, производители, цены и доступные складские остатки.
Сначала производитель, затем конкретные предложения
Поиск реализован через два последовательных обращения к Web-сервису «Проценка» компании Favorit Parts.
Первый запрос выполняется по артикулу и возвращает список производителей. После выбора бренда отправляется второй запрос с параметрами артикула, производителя и включённого поиска аналогов.
Для результатов учитываются цены по складам: отображается минимальная цена среди складов, на которых есть остаток.
Работа с внешним сервисом
Приложение интегрировано с Web-сервисом «Проценка» Favorit Parts. Для выполнения запросов используется API с ключом покупателя, который передаётся через переменные окружения.
В режиме разработки настроен Vite proxy, позволяющий обходить ограничения CORS при обращении к внешнему API.
Для production предусмотрена возможность подключения backend-прокси через отдельный URL эндпоинта.
Результаты поиска
в удобном формате
Поиск учитывает
разные сценарии работы
При работе с внешними сервисами важно учитывать не только успешные ответы, но и ситуации, когда данные не найдены или соединение временно недоступно.
В приложении предусмотрены отдельные состояния загрузки, ошибки API, сетевые ошибки и пустые результаты поиска.
Что внутри
От артикула до списка аналогов
AutoParts Finder объединяет поиск автомобильных запчастей и работу с внешним каталогом в одном интерфейсе.
Реализованы двухэтапный поиск, выбор производителя, получение аналогов, отображение цен и складских остатков, а также обработка ошибок и состояний загрузки.
Проект демонстрирует практическую работу с React, Redux Toolkit и интеграцию стороннего API.
Посмотреть код на GitHub →Создадим удобный сервис
Нужна интеграция с внешним API, поиск по каталогам или автоматизация работы с данными? Обсудим решение.