Middle Frontend-arendaja

Проектная работа Стек: Java, HTML5, CSS3 - Разработала 20+ интерактивных HTML5-креативов на Java/CSS для desktop и mobile с акцентом на производительность и минимальное потребление памяти. - Оптимизировала JS/CSS-анимации и выполняла рефакторинг существующих креативов.

ГЕОПОРТАЛ Геоинформационная система для работы с картографическими данными РБ, имеет платные подписки. Стек: React, Next.js, Java, Redux, React Context, ArcGIS Maps SDK, MUI, Calcite Design System, MongoDB, NextAuth.js, Docker, GitLab. - Спроектировала и реализовала картографическое решение на React. - Переработала UI-слой из CSS Modules в Calcite Design System, затем Material UI. - Перевела приложение на Next.js с гибридным рендерингом SSR/CSR, что ускорило загрузку страниц. - Интегрировала REST API с отображением данных через MUI Data Grid. - Разработала новые картографические функции на ArcGIS Maps SDK for Java. - Спроектировала MongoDB-схему и внедрила в проект. - Реализовала аутентификацию и RBAC через NextAuth.js с 5 ролями. - Спроектировала взаимодействие Micro Frontends и выделила один модуль из монолита, обеспечив его интеграцию с остальной системой. БАЗА ЗНАНИЙ Внутренняя база знаний на основе GitLab-репозиториев с централизованным поиском и редактированием документации. Стек: Next.js, Type, GitLab API, Tiptap, NextAuth.js, GitLab OAuth, MiniSearch, MUI, Docker, GitLab CI/CD. - Разработала приложение с нуля для объединения документации из 100+ GitLab-репозиториев в единую базу знаний. - Перевела публикацию документации с GitLab CI/CD + GitLab Pages на централизованное Next.js-приложение с SSG и инкрементальным обновлением страниц через webhook. - Реализовала редактирование через Tiptap + GitLab OAuth + NextAuth.js, что позволило нетехническим сотрудникам самостоятельно обновлять документацию. - Добавила просмотр веток и коммитов, вставку диаграмм и изображений, полнотекстовый поиск через MiniSearch. ДАШБОРД МОНИТОРИНГА Система мониторинга состояния картографических сервисов и их доступности. Стек: Next.js, Java, Chart.js, REST API, CSS3, Git. - Самостоятельно разработала дашборд от проектирования интерфейса до готового решения. - Реализовала получение и автоматическое обновление данных через REST API каждые 10 минут. - Реализовала визуализацию состояния сервисов и ключевых метрик с помощью Chart.js. - Автоматизация мониторинга позволила обнаруживать сбои в течение 1 минуты вместо 15. РЕФАКТОРИНГ КОРПОРАТИВНОГО САЙТА Корпоративный информационный сайт + внутренний портал. Стек: Next.js, Type, MSSQL, Яндекс.Метрика, Docker, GitLab, HTML, CSS Modules, FSD. - Перестроила архитектуру унаследованного проекта на Feature-Sliced Design, упростив масштабирование и добавление новых функций. - Вынесла общие компоненты в Layout, внедрила lazy loading, оптимизировала формат и загрузку изображений. - Интегрировала MSSQL и реализовала пагинацию для работы с большими объёмами данных. - Сократила время загрузки страниц с большим объёмом данных с 20 до 2 секунд. - Внедрила Яндекс.Метрику для аналитики. TELEGRAM WEB APP Внутренний сервис автоматизации учёта рабочего времени, отсутствий и отработок сотрудников. Стек: Next.js, Node.js, Java, Grammy, SQLite, Prisma, Telegram Mini App, Cursor AI, Docker, GitLab, Material UI. - Разработала с нуля TG MINI APP + бот. - Реализовала ролевую модель доступа. - Использовала AI-агента Cursor для ускорения разработки - MVP за 2 недели.

Стек: Jira, UML - Формализовывала бизнес-требования, переводила их в технические задачи и работала с Jira backlog.