Примеры работ и кейсы по направлению «React»

Обновил пользовательский опыт сайта mhost.ee: добавил Lottie-анимации, плавные сценарии появления элементов при скролле и интерактивные микровзаимодействия для hover и click. Также переработал мультиязычность: вместо сохранения выбранного языка только в localStorage внедрил отдельные URL-префиксы для каждой локали. Это сделало навигацию понятнее, ссылки - шарибельными, а страницы - более удобными для индексации поисковыми системами.

Разработка каталога на основе json файла (база новостроек). Для бэка: - сделан парсер основного json файла, - разделение и оптимизация json файла на несколько для удобства и скорости работы, - написано API приложения на Node.js Для фронта. - Верстка по примеру (без макета) - сайт на Next.js с app router. Каталоги ЖК и аппартаментов, фильтры, контакты, карта с интерактивным поиском и метками.

Лендинг для рекламного агенства.

AI-assisted dermatology platform for skin analysis, patient-friendly workflows, and clinical decision support on a production web experience.

MyCareer.az — портал вакансий и резюме (React + Vite) Современный frontend-проект портала по поиску работы, разработанный на **React + Vite** по готовому дизайн-макету. Проект демонстрирует навыки создания коммерческих веб-приложений со сложной структурой, адаптивным интерфейсом и продуманным пользовательским опытом. Реализовано * адаптивная Pixel Perfect верстка; * поддержка двух языков (RU / AZ); * поиск вакансий и резюме; * блоки VIP, поднятых, новых и избранных объявлений; * баннерные рекламные зоны; * карточки вакансий и работодателей; * модальные окна авторизации, регистрации и публикации объявлений; * полностью адаптивный интерфейс для мобильных устройств, планшетов и ПК. Демо административной панели Реализована административная часть с настройками карты, регионов, автоимпорта вакансий, контактной информации, VIP-размещений, SEO-параметров, аналитики и экспорта данных в CSV. Стек технологий React 19, Vite, JavaScript (ES6+), компонентная архитектура, SPA, Responsive Design. Что демонстрирует проект Проект показывает умение разрабатывать современные коммерческие интерфейсы, проектировать масштабируемые SPA-приложения, создавать административные панели, реализовывать мультиязычность, адаптивную верстку и готовить проекты к публикации. Проект выполнен как демонстрация интерфейса будущего сервиса по поиску работы и включен в портфолио в качестве примера разработки сложных веб-приложений на React.

Trenerka Fit — CRM-система для фитнес-тренеров Описание проекта Trenerka Fit — это современная CRM-система для персональных тренеров, разработанная для удобного управления клиентами, тренировочными программами и рабочими процессами. Основной задачей было создать быстрый, интуитивно понятный и адаптивный веб-интерфейс с интеграцией с WordPress через REST API. В рамках проекта была выполнена разработка пользовательского интерфейса на React, реализованы личные кабинеты, система авторизации, работа с API, адаптивная верстка и взаимодействие с серверной частью. Особое внимание уделялось удобству использования, производительности и масштабируемости приложения. Что было реализовано: - разработка интерфейса на React; - адаптивная верстка для ПК, планшетов и смартфонов; - интеграция с WordPress REST API; - авторизация и личные кабинеты пользователей; - работа с данными клиентов и тренировочных программ; - оптимизация производительности приложения; - современный и удобный пользовательский интерфейс; - подготовка проекта к дальнейшему развитию и внедрению нового функционала. Используемые технологии: React, Vite, JavaScript, HTML5, CSS3, REST API, WordPress. Этот проект демонстрирует мои навыки разработки современных веб-приложений, интеграции frontend с backend, создания адаптивных интерфейсов и работы с React-экосистемой.

Приложение для продуктивности — заказчик делал его как дипломную работу: задачи, проекты, календарь, заметки и трекер привычек в одном окне. Бэкенд на Python (FastAPI) с PostgreSQL, фронт на React 19. Kanban с перетаскиванием карточек, календарь, графики прогресса, аккуратные анимации. Разворачивается одной командой через Docker Compose, к проекту приложена документация со схемами базы и архитектуры. Эту работу стоит посмотреть, если нужен один исполнитель на весь продукт. Я делаю всё сам — от базы данных и API до интерфейса и сборки в Docker. На выходе готовый проект, который ставится на сервер в день сдачи.

Админка для операторов системы обработки заявок: тысячи записей, которые нужно быстро находить, фильтровать и править. React 19 и TypeScript поверх REST API: таблицы с серверной фильтрацией и пагинацией, роли и права (каждый оператор видит только своё), вход по JWT, русский интерфейс. Данные в таблицах всегда свежие — серверное состояние подтягивается само, без ручной перезагрузки. Операторы работают с большим объёмом данных в одном окне, а права чётко разводят зоны ответственности.

Вузу нужен был каталог направлений, чтобы абитуриент быстро понял, куда поступать: поиск, фильтры, проходные баллы прошлых лет на графиках. Сделал SPA на React 19 и TypeScript. Главная фишка — одна кодовая база собирается сразу в несколько продуктов: полноценное приложение и лёгкие виджеты, которые вставляются на страницы сайта вуза одной строкой. Ответы API проверяются на лету, состояние фильтров живёт в адресной строке, так что подборкой можно поделиться обычной ссылкой. Теперь абитуриент выбирает программу в одном интерфейсе, а не бродит по десяткам страниц. И вуз встраивает гид куда угодно сам, без разработчика.

Разработка корпоративного сайта для компании по поставке и подбору автомобилей под заказ. Основная задача заключалась в создании современного интерфейса, удобной структуры каталога и понятной воронки для получения заявок от клиентов. В рамках проекта была реализована адаптивная версия для мобильных устройств, формы захвата заявок, интеграция с мессенджерами и подготовка площадки для дальнейшего продвижения через контекстную рекламу и социальные сети. Результат — увеличение количества входящих обращений, повышение доверия со стороны клиентов и создание удобного инструмента для презентации услуг компании в интернете.