E-commerce · Работа в продуктовой команде
RC MARKET - витрина интернет-магазина
Покупательская часть работающего магазина: главная, каталог, поиск, карточки товаров, корзина и выбор города. Сервис удобно работает на телефоне и компьютере, устанавливается как приложение и сохраняет понятный сценарий даже без сети.
- ≈72%
- коммитов покупательского frontend
- 1+ год
- версия v2 работает в production
- 4,7 / 5
- публичный рейтинг магазина
Задача
Собрать сложный продукт и сделать его понятным
Перевести витрину уже работающего интернет-магазина на новый стек, сохранив мобильный сценарий, добавив серверный рендеринг, десктопную адаптацию и полноценное поведение при потере сети.
Моя роль
Frontend-разработчик в команде с февраля по май 2025 года. Основной автор покупательской части - 112 из 156 коммитов. Сделал главную, каталог, карточку товара, шапку и подвал, выбор города, поиск, десктопную адаптацию и PWA. Backend, административная панель и корпоративная дизайн-система были зонами других участников.
Ключевое в проекте
Инженерная часть
Что пришлось решить под капотом
PWA с настоящим офлайн-сценарием
Собственный service worker использует NetworkFirst с таймаутом, прекеширует отдельную офлайн-страницу и подставляет её при сбое навигационного запроса вместо браузерной ошибки.
Desktop поверх mobile-first продукта
Логика, данные и сторы остаются общими, а представление переключается на уровне компонентов под форм-фактор. Десктопная версия не стала второй кодовой базой.
Каталог без скачков при подгрузке
Первая страница рендерится на сервере, дальше работает бесконечная прокрутка с защитой от параллельных запросов. Скелетоны исчезают только после фактической загрузки изображений.
Реализация
Что вошло в продукт
- Главная, категории, бренды и каталог
- Карточка товара и корзина
- Глобальный поиск и выбор города
- Мобильная и десктопная версии
- SSR для первой загрузки и индексации
- PWA-установка и отдельная офлайн-страница
- Оптимизация изображений и WebP-пресеты
- Review, staging и production окружения в CI/CD
Результат
Покупательский frontend v2 больше года работает в production на rc.shopping.
Новая покупательская витрина объединила каталог, поиск, карточки товаров, корзину, выбор города, desktop и mobile, PWA-установку и отдельный офлайн-сценарий.