React Frontend developer

На данный момент Frontend разработчик.

Мои компетенции и опыт

Guild Of Developers

Frontend-разработчик, март 2025 – настоящее время

Участвую в проекте компании Гильдия разработчиков по созданию сайта с нуля. 

Обязанности в проекте:

• Разрабатывала адаптивные интерфейсы по макетам из Figma с применением современных подходов верстки, соблюдая принципы pixel-perfect и кроссбраузерной совместимости.
• Создавала переиспользуемые React-компоненты с учетом масштабируемости, читаемости и повторного использования в рамках дизайн-системы.
• Реализовывала SPA с нуля, включая архитектуру компонентов, роутинг и работу с состоянием, с последующей возможностью редактирования контента (текстов и изображений) через админ панель.
• Разрабатывала и подключала динамические формы (Formik + Yup), обеспечивала клиентскую валидацию и передачу данных на серверную часть.
• Обеспечивала адаптацию интерфейса под разные типы устройств (desktop-first подход, media queries).
• Интегрировала frontend с backend через REST API: настройка запросов, обработка ответов, отображение состояния загрузки и ошибок.
• Применяла сторонние библиотеки и инструменты для улучшения UX (React Input Mask, Яндекс Карта, кастомные дропдауны и др.).
• Следила за качеством кода, читабельностью и соблюдением лучших практик разработки на React + TypeScript.

Стек: HTML, SCSS, React, TypeScript, JavaScript, GitLab.

Мои проекты:

1. Portfolio 

нужен доступ к резюме

Сайт портфолио с применением React. 

• Использовала минималистичный интерфейс с адаптацией под мобильную и планшетную версию экранов.
• С помощью Redux реализовала смену темы приложения при нажатии на соответствующую кнопку (темная/светлая тема).
• Использовала выпадающее меню и ссылки для быстрого перемещения к нужному разделу, реализованные через Material UI.
• Реализовала контактную форму для отправки мне сообщений через Formspree.

Стек: HTML, CSS, JavaScript, React, Redux, Material UI.

2. Recipe finder and meal planner 

нужен доступ к резюме

Пет-проект. Основные задачи, которые я выполнила:

• Управление состоянием: с помощью Redux Toolkit настроила обработку сложных состояний, таких как динамическое добавление и удаление блюд, редактирование ингредиентов и синхронизация данных между планировщиком и списком покупок.
• Навигация: с помощью React Router настроила быстрое и удобное перемещение по страницам сайта.
• Модальное окно: Чтобы сделать взаимодействие с интерфейсом удобным, я использовала React Modal и добавила адаптивность для мобильных устройств.
• Адаптивный дизайн: Для корректного отображения на разных экранах я добавила медиазапросы и использовала flexbox и grid.
• Обработка данных: В работе с ингредиентами возникла необходимость обновлять состояния массивов объектов (например, изменение флага для чекбоксов для добавления ингредиентов в список покупок, в самом списке покупок, а также в планировщике питания на неделю), которое реализовала с помощью методов работы с объектами и массивами в JavaScript.
• Сохранение состояний: Реализовала сохранение данных с помощью Redux Persist, чтобы загруженные рецепты, план питания и список покупок не терялись при обновлении страниц.

Стек: React, Redux Toolkit, React Router, Redux Persist, React Modal.