Иван
Карагодин. — Frontend-разработчик (React, TypeScript)
Инженер интерфейсов. Пишу код, который работает так же хорошо, как и выглядит.
> Senior Frontend Developer из России.
> Специализация: React, TypeScript, Архитектура, WebGL.
> Фокус на чистоте, производительности и эстетике.
Обо мне.
// ДИЗАЙН
// АРХИТЕКТУРА
Меня зовут Иван Карагодин. Занимаюсь фронтенд-разработкой с 2017 года — за это время прошёл путь от верстальщика до архитектора интерфейсов, которые используют сотни тысяч человек.
Основная экспертиза — экосистема React и TypeScript. Я верю, что хороший интерфейс невидим: он решает задачу пользователя быстро, предсказуемо и элегантно. Работал над продуктами в сферах финтека, недвижимости, e-commerce и B2B SaaS.
Ценю чистую архитектуру, измеримые результаты и детали: от доступности до микроанимаций. Если вы хотите не просто сайт, а продукт, который работает на ваш бизнес — пишите.
Технологии.
> Инструментарий, который я использую для решения инженерных задач и создания интерфейсов.
Избранные проекты.
// Коммерческие продукты и open-source. Реальные пользователи, реальные метрики.
NovaPay — Финтех-платформа
Полный редизайн и разработка клиентского интерфейса платёжной платформы для 2 млн пользователей. Микрофронтендная архитектура, PWA, WebSocket-уведомления в реальном времени. Конверсия онбординга выросла на 38%.
- Next.js 14
- TypeScript
- Zustand
- WebSocket
- Framer Motion
- TanStack Query
Pulse CRM — SaaS для агентств
B2B-платформа для управления клиентами, задачами и аналитикой. Drag-and-drop kanban, кастомные дашборды с 40+ виджетами, экспорт отчётов в PDF/Excel, Stripe-интеграция. Запущен в production для 300+ агентств.
- React
- Vite
- Recharts
- dnd-kit
- Radix UI
- React Hook Form
Aurora Design System
Корпоративная дизайн-система для группы из 5 продуктов. 120+ компонентов, поддержка тёмной/светлой темы, автоматическая генерация токенов из Figma, 100% покрытие Storybook и a11y-тестами.
- React
- TypeScript
- CVA
- Storybook 8
- Tailwind CSS
- Figma API
TrackFlow — Аналитика логистики
Дашборд для мониторинга грузоперевозок в реальном времени. Интерактивные карты (Mapbox GL), 3D-визуализация маршрутов, кастомные оповещения, экспорт данных. Обрабатывает 50k+ событий в секунду.
- React
- Mapbox GL
- Three.js
- D3.js
- WebSocket
- IndexedDB
MindSpace — EdTech-платформа
Платформа для онлайн-обучения с видеоплеером, системой тестирования, прогрессом и сертификатами. Интерактивный редактор курсов для преподавателей, встроенный видеочат. 15k активных студентов.
- Next.js
- TypeScript
- HLS.js
- WebRTC
- Tiptap
- Prisma
Orion — Инвестиционный портфель
Трекер инвестиционного портфеля с интеграцией 10+ бирж через API. Графики P&L, автоматическая ребалансировка, аналитика рисков, push-уведомления. End-to-end шифрование данных пользователя.
- React
- TanStack Query
- Recharts
- Web Crypto API
- Service Worker
Клиентские сайты.
// Разные ниши — один стандарт качества. Нажмите «Посмотреть сайт» чтобы открыть предпросмотр.
Brasserie Nord
Премиальный сайт для французского ресторана в Москве. Онлайн-бронирование столиков, меню с фотографиями, галерея интерьера, интеграция с Яндекс.Картами. Конверсия бронирований +60% после запуска.
UrbanEstate
Агрегатор новостроек с интерактивной картой, фильтрацией по 30+ параметрам, сравнением объектов и ипотечным калькулятором. Интеграция с базой ЦИАН и ЛК застройщика.
Forma Studio
Лендинг и кабинет клиента для сети фитнес-студий. Онлайн-запись на тренировки, история посещений, трекер прогресса, push-уведомления. Мобильная-first адаптация, Lighthouse 99/100.
Monochrome Shop
Интернет-магазин одежды с 3D-примерочной (WebGL), умным поиском, персонализированными рекомендациями и Tinkoff-эквайрингом. Оборот первого месяца — 4.2 млн ₽.
LexGroup
Корпоративный сайт юридической компании с порталом клиента. Онлайн-консультации, загрузка документов, статус дела в реальном времени, подпись через ЭЦП.
MediCore
Сайт частной клиники с онлайн-записью к врачам, телемедициной (WebRTC), личным кабинетом пациента и интеграцией с МИС. HIPAA-совместимое хранение данных.
SkillPath Academy
Платформа для продажи видеокурсов с видеоплеером с защитой от скачивания, тестами, сертификатами и партнёрской программой. 8k зарегистрированных пользователей в первые 3 месяца.
Deployfast
Landing page и onboarding для DevOps-стартапа. A/B-тесты, аналитика воронки, интерактивные демо-сценарии, Intercom-чат. CR из посетителя в trial — 12.4%.
Опыт.
Senior Frontend Developer/Yandex
Разработка ключевых интерфейсов поисковой выдачи и Яндекс.Карт. Внедрение микрофронтендной архитектуры на базе Module Federation. Улучшение Core Web Vitals (LCP −40%, TBT −55%). Наставничество 4 junior/middle-разработчиков.
Frontend Developer/VK (ВКонтакте)
Разработка компонентов для VKUI — дизайн-системы, которую используют 100+ продуктов компании. Перевод легаси-кода на TypeScript, внедрение автоматизированного a11y-тестирования. Рефакторинг новостной ленты: −30% времени рендера.
Frontend Developer/Сбертех
Разработка интерфейсов для внутренних банковских систем и клиентских приложений. Интеграция сложных форм с серверной валидацией, реализация офлайн-режима через Service Worker, CI/CD пайплайн для фронтенда.
Junior Frontend Developer/Альфа-Банк
Старт карьеры: разработка внутренних CRM-инструментов для аналитиков и операционистов. Создание дашбордов на React + Redux, автоматизация рутинных задач через скрипты, участие в code review.
[ Связь ]
Давайте работать вместе
Открыт для обсуждения архитектурных решений, проектов и новых вызовов. Оставьте сообщение, и я отвечу в ближайшее время.