WebCanape

{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"За время работы в WebCanape я поработал, как над аутсорс проектами (музыкальный"}]},{"type":"paragraph","content":[{"type":"text","text":"интернет-магазин, сайт модельного агенства, лендинги), так и над CRM-системой которая была нужна для автоматизации взаимодействия с клиентами, управления заказами и т.д"}]},{"type":"paragraph","content":[{"type":"text","text":"★ В CRM-системе разработал дашборд прогресса проектов на Recharts; внедрил визуализацию ключевых метрик и участвовал в переходе фронтенд-архитектуры на Feature-Sliced Design (FSD), повысив масштабируемость и читаемость кода."}]},{"type":"paragraph","content":[{"type":"text","text":"★ Разработал интерактивный календарь записи на кастинги на React-Calendar с формами на React Hook Form. валидацией через Zod и уведомлениями через Toastify, улучшив UX и конверсию заявок,"}]},{"type":"paragraph","content":[{"type":"text","text":"★ Подготовил внутренние гайды по Redux Toolkit и RTK Query, оформил их в Confluence, провёл онбординг нового разработчика и систематизировал процесс передачи знаний в команде."}]},{"type":"paragraph","content":[{"type":"text","text":"★ Реализовал рекомендации сопутствующих товаров в корзине с использованием RTK Query, React Context и анимаций Framer Motion, усилив персонализацию и вовлечённость пользователей."}]},{"type":"paragraph","content":[{"type":"text","text":"★ Выполнил рефакторинг корзины интернет-магазина: оптимизировал рендеринг через React.memo, useCallback и React-Profiler, внедрил ленивую загрузку изображений (React-Lazy-Load), повысив производительность интерфейса."}]},{"type":"paragraph","content":[{"type":"text","text":"★ Настроил и развил инфраструктуру документации в Storybook, оформив UI-каталог"}]},{"type":"paragraph","content":[{"type":"text","text":"переиспользуемых компонентов (формы, фильтры, уведомления). Включил примеры с React, CSS-модулями и TypeScript что упростило масштабирование и онбординг команды"}]},{"type":"paragraph","content":[{"type":"text","text":"★ Перевёл лендинги и новостные страницы на Next.js 15, применив SSR и SSG через"}]},{"type":"paragraph","content":[{"type":"text","text":"getStaticProps, добавил Next-SEO для оптимизации метаданных и улучшения Core Web Vitals."}]},{"type":"paragraph","content":[{"type":"text","text":"★ Создал чат-бота обратной связи на React с React-Chatbot-Kit и интеграцией через Axios, обеспечив мгновенные ответы пользователям и снизив нагрузку на поддержку."}]},{"type":"paragraph","content":[{"type":"text","text":"★ Реализовал модуль сравнения характеристик товаров в e-commerce-платформе на React 18 и Redux Toolkit, используя React-Table и TypeScript. Решение ускорило выбор товаров и улучшило UX."}]}]}