Frontend - разработчик
Контакты
Frontend-разработчик с фокусом на качество кода и детали реализации. Начинал с основ (HTML/CSS, JavaScript), затем перешёл к разработке SPA на React. Сейчас работаю с современным стеком: React, TypeScript, Redux/Zustand, Tailwind CSS, Styled Components, следуя принципам Agile.
Имею опыт вёрстки сложных интерфейсов, оптимизации производительности и участия в масштабных проектах. Постоянно изучаю новые инструменты, делюсь знаниями через код-ревью и менторинг. Последний проект — платформа для IT-обучения с функционалом лайвкодинга, интерактивными квизами и визуализацией прогресса.
Frontend: JavaScript (ES6+), React, TypeScript
Тестирование: Jest, React Testing Library
State-менеджмент: Redux Toolkit, Zustand, MobX
Стилизация: CSS Modules, Tailwind, Styled Components
Инструменты: Git, Webpack, Vite, Docker
Изучаю: Backend (Express.js, NestJS, MongoDB, TypeORM) — чтобы лучше понимать полный цикл разработки.
Проекты(NDA):
1. Платформа для обучения IT-специалистов с интерактивным лайвкодингом и квизами. Позволяет решать задачи в реальном времени с автоматической проверкой кода и проходить тесты для закрепления знаний
2. Дневник эмоций с ИИ-аналитикой в текстовом и аудиоформате. Приложение выявляет эмоциональные паттерны через анализ записей и визуализирует динамику состояния. Адаптивный интерфейс меняется в зависимости от настроения пользователя.
Пет проекты:
1. Вычислитель отличий
* Разработал консольное приложение для анализа различий между файлами в форматах ‘yml’ и ‘json’, обогатив его функционал возможностью генерации отчетов в форматах plain text, stylish и json, что значительно повысило удобство интерпретации и визуализации результатов.
* Используемые технологии: JavaScript, cli, commander.js, FS, lodash, Github Actions, Jest
2. RSS агрегатор
* Разработал сервис агрегации RSS-потоков для удобного чтения и управления контентом из различных источников. Сервис поддерживает добавление и автообновление множества RSS-лент, интегрируя их в единый поток. Реализованная мной валидация формы эффективно проверяет адреса и предотвращает их повторный ввод, а представление постов в виде ссылок обеспечивает непосредственный доступ к оригинальному контенту.
* Используемые технологии: JavaScript, DOM API, Webpack, Bootstrap, Github Actions, CodeClimate, badges, yup, on-change, i18next
3. Чат (Slack)
* Разработал интерактивный онлайн-чат, подобный Slack, с функциями real-time общения, создания, переименования и удаления комнат. Интегрировал систему аутентификации, обеспечивающую безопасный доступ и защиту пользовательских данных. Внедрил автофильтрацию контента и систему мониторинга, которая предотвратила два критических сбоя, значительно улучшив стабильность сервиса.
* Используемые технологии: JavaScript, Webpack, React, Redux(toolkit), React-router Bootstrap, React-bootstrap, React-toastify, Formik, Github Actions, yup, i18next
4. Упрощенный Paint
* Разработал упрощенный аналог paint.
* Используемые технологии: TypeScript, Vite, React, Mobx, Canvas
Опыт
Обязанности:
- Участие в разработке и поддержке программных продуктов для клиентов компании.
- Взаимодействие с командой для обсуждения требований и архитектуры системы.
- Участие в код-ревью, получение и использование обратной связи для улучшения качества кода.
- Постоянное совершенствование навыков и изучение новых технологий и инструментов.
Достижения:
- Разработал UI Kit, сократив время разработки новых интерфейсов и оптимизировав существующие компоненты.
- Добился высокого покрытия тестами (Jest), снизив количество багов в UI-компонентах.
- Настроил и поддерживал документацию в Storybook, упростив доступ команды к актуальным компонентам.
- Реализовал Backend for Frontend (BFF) на основе REST API, обеспечив гибкость взаимодействия клиента с сервером.
- Внедрил WebSocket-соединение, улучшив взаимодействие пользователей в реальном времени (ключевая функция проекта).
- Настроил аутентификацию, усилив безопасность данных и контроль доступа.
- Внедрил системы мониторинга и логирования, ускорив выявление и исправление ошибок.
- Реализовал drag-and-drop, улучшив UX приложения.
- Разработал адаптивный дизайн, увеличив время взаимодействия пользователей с приложением.
Обязанности:
Эффективное выполнение поставленных задач в установленные сроки по SCRUM.
Проведение код-ревью работ коллег с целью обеспечения высокого качества и соблюдения лучших практик разработки.
Описание проектов:
- В проекте по разработке сервиса погоды я создал лендинг, следуя дизайн-макетам, методологии БЭМ и принципу pixel perfect для обеспечения точности верстки. Контент на сайте формировался динамически из JSON-объекта. Также реализовал адаптивную и резиновую верстку страницы и осуществил перенос лендинга с JavaScript на React, что позволило продолжить совместную разработку в команде, а так же произвел интеграцию с внешним API для получения достоверных данных.
*Используемые технологии:
HTML, CSS, npm, JavaScript, React, Webpack, БЭМ, styled component
- Разработка функционала сервиса-викторины, верстка страниц/элементов по макетам дизайнера. Разработал интерактивную викторину с динамическим контентом, что способствовало к повышению вовлеченности пользователей.
*Используемые технологии:
JavaScript, React, Vite, styled component
- Разработка платформы для поиска вакансий с интерактивным поиском по локациям и умными фильтрами для точных результатов. Динамическая пагинация и скелетон-загрузка обеспечивают плавную работу, а интеграция с hh.ru даёт доступ к актуальным предложениям. Решение сокращает время поиска работы за счёт удобного интерфейса и мгновенного обновления данных.
*Используемые технологии:
JavaScript, React, Rsbuild, Zustand
Образование
Помимо разработки, уделяю время менторингу разработчиков и код-ревью — считаю, что обмен знаниями укрепляет команду. Ценю проекты с социальной значимостью (EdTech, медицина, экология), где технологии меняют жизнь к лучшему.
Люблю сложные задачи: от декомпозиции legacy-кода до внедрения инновационных фич. Изучаю смежные области (UX, бэкенд), чтобы понимать продукт целиком.