React Frontend developer

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

Начинающий React‑разработчик, ориентированный на стажировку или junior позицию. Имею крепкую базу по HTML/CSS, JavaScript (DOM, асинхронность) и TypeScript. Понимаю принципы работы Git и командной разработки.

В пет‑проектах уже применяю архитектурные подходы, выходящие за рамки «базовых»:

Проект «Stellar Burger» (Redux‑хранилище)
Frontend‑приложение для заказа бургеров: роутинг, авторизация, реалтайм‑лента заказов, управление состоянием через Redux Toolkit.

• Реализовал навигацию и маршрутизацию на react-router-dom: настроил публичные и защищённые роуты, динамические маршруты для модальных окон и страниц заказов/ингредиентов, обработку 404.
• Построил глобальное состояние приложения на Redux Toolkit: создал слайсы, асинхронные thunk‑запросы к API, селекторы; внедрил лоадеры и обработку состояний загрузки для улучшения UX.
• Настроил авторизацию и защиту приватных маршрутов: реализовал редиректы для неавторизованных пользователей, разграничение доступа к личному кабинету и истории заказов.
• Разработал функционал ленты заказов и истории: реалтайм‑обновление данных, расчёт стоимости заказа по ингредиентам, отображение статусов («Отменён», «Готовится», «Выполнен»), переходы между страницами и модальными окнами.
• Реализовал редактирование профиля пользователя: логику «Отмена/Сохранить», восстановление значений формы, отправку обновлённых данных на сервер.
• Обеспечил корректное отображение активного пункта навигации, включая вложенные динамические маршруты.

Стек: React, Redux Toolkit, TypeScript, HTTP API.
GitHub: 

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

Проект «Web‑Ларёк» Интернет‑магазин товаров для веб‑разработчиков: проектирование архитектуры данных, модели предметной области и коммуникационного слоя на TypeScript.

• Спроектировал архитектуру приложения по паттерну MVP: выделил слои моделей данных и коммуникационный слой, обеспечил их изолированность и независимость — модели данных работают без привязки к UI и API.
• Разработал типизированные интерфейсы данных: IProduct (товар), IOrder (покупатель), тип оплаты TPayment, типы для запросов и ответов сервера. Исключил дублирование типов, переиспользуя базовые интерфейсы.
• Реализовал три класса‑модели данных:
  • ProductData — хранение каталога: методы для сохранения и получения массива товаров, выборки товара по id, установки товара для детального просмотра.
  • BasketData — корзина покупок: добавление и удаление товара, очистка, расчёт общей стоимости и количества, проверка наличия товара по id.
  • OrderData — данные покупателя: частичное сохранение полей без потери уже записанных значений, валидация с возвратом объекта ошибок по каждому полю, очистка данных.
• Создал коммуникационный слой — класс для работы с сервером через композицию с базовым Api: get‑запрос на эндпоинт /product/ для получения каталога, post‑запрос на /order/ для оформления заказа.
• Задокументировал архитектуру в README описание паттерна MVP, базовых классов, типов данных, моделей и коммуникационного слоя с указанием назначений, параметров и типов.
• Настроил подключение к серверу через переменные окружения (.env, VITE_API_ORIGIN).

Стек: TypeScript, Vite, паттерн MVP, REST API. GitHub:

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

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