Портфолио и кейсы фрилансеров по разработке на React

Учебный проект Яндекс Практикума: космическая бургерная — одностраничное приложение, где можно собрать бургер из ингредиентов и оформить заказ. Есть живое демо по ссылке. Что сделано: - конструктор бургера: выбор булки и начинок, подсчёт цены; - регистрация, вход, восстановление пароля, автоматическое обновление токена; - личный кабинет и история заказов, общая лента заказов; - защищённые маршруты и модальные окна со своими адресами. Стек: React, TypeScript, Redux Toolkit, React Router, Webpack. Код на GitHub: github.com/wthreeee/stellar-burgers

QUSAD.prod — личный сайт-портфолио Заказчик: Дмитрий Островский Год: 2025–2026 Роль: дизайн и разработка Сайт Flutter-разработчика на русском и английском, где в одном месте собраны проекты, опыт работы и стек. Задача Показать 14 проектов за пять с лишним лет, от первых приложений на фрилансе до Grand Mobile, Monetrix и Reserve VPN, так, чтобы заказчик или работодатель за пару минут понял, чем я занимаюсь, и сразу мог связаться. Что сделано • Первый экран с ключевыми цифрами: 5+ лет опыта, 14 проектов, 10M+ скачиваний Grand Mobile, 1300+ пользователей Reserve VPN в первый день • Каталог проектов с фильтром по годам: подробное описание с задачами, решениями и ссылками, у каждого проекта своя ссылка • Стек: языки, платформы и библиотеки Flutter со счётчиком использования в проектах • Опыт работы в виде таймлайна, образование и достижения • Светлая и тёмная тема: берётся из системы, выбор запоминается, без мигания при загрузке • RU / EN: язык определяется по браузеру, переключатель в шапке • Адаптивная вёрстка, мобильное меню, копирование почты в один клик, aria-атрибуты • Open Graph-разметка для превью в мессенджерах и соцсетях Результат Одна ссылка, по которой видно всё: проекты, опыт, стек и контакты. Стек: React, TypeScript, Vite, CSS Сайт: https://qusad-prod.tech

Intellera LLC | Reserve VPN — сайт IT-студии Двуязычный сайт студии разработки ПО с витриной собственного продукта Reserve VPN. Заказчик: Intellera LLC Год: 2026 Роль: Frontend-разработчик Задача Intellera делает веб-, мобильные и десктопные приложения на заказ и выпускает свои продукты. Сайт должен был показать, как работает студия, представить её продукты и дать клиенту короткий путь до заявки. Что сделано • Главная: первый экран, направления разработки, принципы работы, блок «Почему мы», FAQ и контакты (почта, Telegram) • Страница Reserve VPN: преимущества, ссылки на Google Play и App Store, каналы поддержки и свой FAQ • Юридические документы: политики и соглашения отдельно для App Store и Google Play, публичная оферта, соглашение о рекуррентных платежах • RU / EN: переключатель языка и отдельные маршруты для каждой локали • Тёмный интерфейс с фиолетовыми градиентами и анимацией появления блоков при скролле • Адаптивная вёрстка с мобильным меню, семантическая разметка и aria-атрибуты • Разбиение кода на чанки для быстрой загрузки Результат У студии и её продукта общий сайт: клиенты видят услуги и подход, пользователи Reserve VPN находят ссылки на сторы, поддержку и документы для App Store и Google Play. Стек: React, React Router, Vite, Lucide Icons, CSS (БЭМ) Сайт: https://intellera.online

Задача ЕЦПП «Цифровой улей» – государственная платформа для пчеловодов, запуск вместе с Ростелекомом. Пасечник видит показатели каждого улья с датчиков и ведёт журнал работ. Я три года работал в команде из трёх фронтендеров. Что сделано – личный кабинет пчеловода: сводка по пасеке, ульи, журнал, календарь, погода, устройства, схема пасеки, карта пестицидов, сотрудники; – страницы аналитики: температура, влажность, CO₂, масса улья и привес, состояние семьи, индекс счастья; – графики с нуля: периоды (сегодня, неделя, месяц, год, свой диапазон), группировка по часам, подсказки, пороговые значения; – карточка улья: блок «Требует внимания», звуковые сессии, события и заметки; – интеграции с API (REST и GraphQL), общая сетка интерфейса; – стек: Angular, RxJS, NgRx, GraphQL Apollo, затем React и Next.js во второй версии. Зачем Проблему в улье пасечник должен заметить до того, как семья погибнет. Графики и блок «Требует внимания» показывают отклонение сразу, без ручного разбора цифр. Результат Платформа запущена и работает: пасечник следит за ульями онлайн с компьютера. Кабинет закрыт авторизацией, поэтому в работе скриншоты.

RGK Aero — официальный сайт аэропорта Горно-Алтайск для пассажиров и посетителей. Моя роль — frontend-разработка пользовательских страниц и компонентов по существующему дизайну. На сайте доступны онлайн-табло с поиском рейсов, информация о пути пассажира и услугах аэропорта. Основной акцент — понятная структура интерфейса, адаптивная вёрстка и интерактивные элементы.

NVM Forma — сайт жилого квартала «Форма» в Краснодаре от ГК «НВМ». Участвовал во frontend-разработке: работа с вёрсткой, адаптивным отображением и пользовательскими элементами по готовому дизайну. Сайт знакомит с архитектурой и инфраструктурой квартала, содержит новости, ход строительства и формы обращения. Для подбора квартир на сайте подключён каталог Profitbase.

AIR.PRO — сайт бизнес-центра «Эир» на Ходынском поле в Москве. Моя роль в проекте — frontend-разработка интерфейса по существующему дизайну. На сайте представлены бизнес-центр, подбор офисов по параметрам и карточки помещений с планировками. Основной акцент — вёрстка, адаптивное отображение страниц и пользовательские элементы.

Fabrista.ru — коммерческий сайт сети кофеен: информация о компании, её локациях и предложениях. Моя роль в проекте — frontend-разработка, работа с отображением страниц и пользовательскими элементами сайта. В центре внимания — вёрстка интерфейса и адаптивное отображение контента. На изображениях показаны реальные страницы работающего сайта: главная, «О компании» и «Локации».

Корпоративный сайт АО «Эпсилон» — компании в сфере промышленной роботизации и автоматизации производств. На сайте представлены направления деятельности, каталог решений, этапы внедрения роботизированных комплексов, статьи, команда и формы обратной связи. АО ЭПСИЛОН Основной стек: React, TypeScript, Next.js, Material UI, Tailwind CSS, React Hook Form, Yup, REST API. Что реализовано: адаптивная верстка, каталог решений с фильтрацией, динамические страницы, формы заявок, интеграция с API, SEO, переиспользуемые компоненты, оптимизация интерфейса и поддержка корпоративного контента.

Интернет-магазин Z-TOCH для продажи металлорежущего инструмента и промышленной оснастки. Реализованы каталог товаров с категориями и подкатегориями, поиск, фильтрация, карточки товаров, избранное, корзина, оформление заказа и полноценная админ-панель. Основной стек: React, TypeScript, Vite, React Router, Redux Toolkit, RTK Query, Ant Design, Tailwind CSS, React Hook Form, Yup, REST API. Что реализовано: адаптивный интерфейс, каталог и карточки товаров, поиск и фильтры, авторизация администратора, админ-панель с CRUD товаров, редактирование характеристик и цен, загрузка/удаление изображений, массовое обновление данных, интеграция с API, валидация форм и переиспользуемые UI-компоненты.