Frontend developer

На данный момент Frontend developer.

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

Frontend-разработчик с обширным опытом создания сложных веб-приложений на Angular, Vue и React. За несколько лет реализовала более 15 крупных проектов, включая банковские интеграции, системы автоматизации складов, образовательные платформы, real-time сервисы, чат-платформы, конструкторы контента и сложные админ-панели. Работала как над поддержкой существующих систем, так и над проектами, созданными полностью с нуля, включая разработку архитектуры, UI-китов, дизайн-систем и интеграцию API.

Имею опыт работы с real-time функционалом (WebSockets), разработкой динамических кабинетов под разные роли, созданием конструкторов интерфейсов и тестов, реализацией онлайн-конференций, интерактивных карт и визуализаций, а также построением сложных процессов с большим количеством сущностей и бизнес-логики.

Умею работать с масштабируемыми компонентными системами (Taiga UI, Angular Material, кастомные UI-киты), глубокими формами, таблицами, метриками, отчетностью, интеграцией ML/AI API и оптимизацией производительности.

Грамотно взаимодействую с backend-командой, аналитиками и дизайнерами, умею брать ответственность за целые модули и проекты, всегда пишу чистый и поддерживаемый код.

Ищу возможности для работы над крупными, технологически насыщенными продуктами, где можно применять опыт в архитектуре, UI/UX и разработке масштабируемых интерфейсов.

Опыт: 
Разработчик ПО, 2 года(Март 2024)

Участвовала в разработке 4 проектов банковских интеграций, включая создание интерфейсов для финансовых сервисов, работу с API и реализацию сложной бизнес-логики на фронтенде.

Разрабатывала и поддерживала админ-панель для внутренних пользователей: настройка UI, оптимизация UX, реализация ролей и прав доступа, форм и таблиц с большим объёмом данных.

Писала проект с нуля: настройка архитектуры, конфигурация окружения, выбор подходящих библиотек, построение дизайн-системы, внедрение сборки и CI/CD.

Вся разработка велась с использованием нужен доступ к резюме (Vue 2/3), Vuex/Pinia, Vue Router, а также связанных инструментов экосистемы.

Использовала широкий набор библиотек и расширений, включая: нужен доступ к резюме /vue, нужен доступ к резюме /themes, нужен доступ к резюме /vue, нужен доступ к резюме /vue, нужен доступ к резюме /core, нужен доступ к резюме /vue-query, vee-validate и yup для валидации форм, нужен доступ к резюме /core, нужен доступ к резюме /motion для утилит и анимаций, axios для работы с API, dayjs для работы с датами, maska для масок ввода, а также инструменты сборки и разработки: Vite, TypeScript, ESLint, Prettier, TailwindCSS, Sass, Vitest, Vue Test Utils, vue-tsc и плагины для автоматизации и улучшения кода.

Работала в тесном взаимодействии с backend-командой и аналитиками, обеспечивая стабильную интеграцию и высокое качество интерфейсов.

Писала поддерживаемый и модульный код, участвовала в code review, внедряла best practices и улучшала производительность фронтенда.
 

Frontend-разработчик, 3 года и 1 месяц(Февраль 2023)

1. Система учёта заказов для ресторанов (Angular 17)
Комплексная система с несколькими ролями: клиент, партнёр, сотрудник и администратор.

Что делала:
Разработка всех кабинетов и админ-панели.
Реализация обработки заказов в реальном времени.
Создание гибкого конструктора пользовательского кабинета: настройка виджетов, блоков, структуры интерфейса под конкретный ресторан.
Работа с формами, динамическим UI, фильтрацией и ролевой моделью.
Оптимизация UX и производительности.

Ключевые библиотеки:
UI/UX: нужен доступ к резюме /ui, bootstrap, ngx-bootstrap
Формы и взаимодействия: нужен доступ к резюме /ng-select, ngx-mask, ngx-color-picker, ngx-material-timepicker
Визуализация: нужен доступ к резюме , ng2-charts
Медиа и форматы: blurhash, heic2any
Работа с файлами: file-saver
Удобства и интерактив: hammerjs, swiper, ngx-pagination
Уведомления: ngx-toastr
Утилиты: lodash, moment, luxon
Core: rxjs, нужен доступ к резюме

Ссылки:
нужен доступ к резюме
нужен доступ к резюме
нужен доступ к резюме

2. Многостраничный сайт онлайн-школы (React + нужен доступ к резюме )
Полный фронтенд сайта онлайн-школы, созданный с нуля.

Что делала:
Полная вёрстка и разработка всех страниц.
Создание структуры проекта, маршрутизации и компонентов.
Работа с анимациями, адаптивностью, UI-компонентами.
Интеграция API и клиентской логики.

Ключевые библиотеки:
Фреймворк: next 14, react 18
UI: lucide-react, react-select, swiper, focus-trap-react
Стиль: sass, tailwindcss, tailwind-merge
HTTP: axios
State & data: нужен доступ к резюме /react-query
Cookies: js-cookie
Прочее: clsx, react-input-mask-next

Ссылки:
нужен доступ к резюме

3. Платформа общения со специалистами (Angular 16)
Сервис общения пользователей с тарологами, астрологами и экспертами.

Что делала:
Реализация кабинетов всех ролей: пользователи, специалисты, модераторы.
Внедрение собственной онлайн-конференции внутри платформы.
Создание админ-панели и всех CRUD-матриц.
Работа с real-time логикой, загрузкой файлов, уведомлениями.

Ключевые библиотеки:
UI: bootstrap, ngx-bootstrap, swiper
Формы: нужен доступ к резюме /ng-select, ngx-material-timepicker
Файлы: file-saver, ngx-file-drop
Уведомления: ngx-toastr
Дата/время: luxon
Утилиты: eventemitter3
Основное: rxjs, нужен доступ к резюме

Ссылки:
нужен доступ к резюме

4. Платформа для автоматизации процессов обучения и сбора отчетов в рамках франшизы (Angular 17)
Три роли: компания, франчайзи, сотрудник.

Что делала:
Разработка конструктора интерактивных тестов (медиа, вопросы, типы задач).
Система уведомлений и расписаний.
Отчётность с выгрузкой в Excel.
Реализация встроенного аналог Jira — мини-трекер задач.
Работа с видео, тестами, сложными формами.

Ключевые библиотеки:
UI/UX: нужен доступ к резюме /ui, нужен доступ к резюме /material, bootstrap, ngx-bootstrap
Тесты и обучение: нужен доступ к резюме /ckeditor5-angular, ckeditor5-custom-build
Видео: нужен доступ к резюме /ngx-videogular, нужен доступ к резюме
Визуализация: нужен доступ к резюме , ng2-charts
Формы: нужен доступ к резюме /ng-select, angular-ng-autocomplete, ng-toggle-button, ngx-chips
Уведомления: ngx-toastr
Цветовые инструменты: ngx-color-picker
Файлы: file-saver
Утилиты: lodash, tua-body-scroll-lock

Ссылки:
нужен доступ к резюме

5. Система управления жизненным циклом заказа (Angular 17)
Полная автоматизация склада: клиент → продавец → администратор → менеджеры → сортировщик.

Что делала:
Реализовала сложную интерактивную карту/сетку склада, включая статусы, сортировку, путь товара.
Интерфейсы всех ролей, фильтры, статусы, процессы.
Логи, отчёты, управление логистикой.
Модалки, формы, загрузка данных, таблицы.

Ключевые библиотеки:
UI: primeng, bootstrap, ngx-bootstrap
Формы: нужен доступ к резюме /ng-select, ngx-mask, ngx-chips
Уведомления: ngx-toastr
Файлы: file-saver
Ассисты: dropdowns, tua-body-scroll-lock
Core: rxjs, нужен доступ к резюме

Ссылки:
нужен доступ к резюме

6. Проект с интеграцией нейросетей (Angular 19)
Фронтенд с нуля + интеграции с ML/AI API.

Что делала:
Полная вёрстка и архитектура проекта.
Интеграция фронтенда с нейросетевыми API.
CodeInput, формы, интерактивные элементы.
Работа с цветами, файловыми форматами, уведомлениями.

Ключевые библиотеки:
UI: нужен доступ к резюме /material, bootstrap
Формы: нужен доступ к резюме /ng-select, angular-code-input
Подсветка кода: нужен доступ к резюме , ngx-highlightjs
Уведомления: ngx-toastr
Цвета: ngx-color-picker
Маски: ngx-mask
Прочее: blurhash

Ссылки:
нужен доступ к резюме

7. Платформа рекламных интеграций (Angular 20)
Платформа, где бренды ищут блогеров, ведут переговоры и работают по сделкам.

Что делала:
Полная разработка фронтенда с нуля.
Создание множества чатов на WebSocket, real-time коммуникации.
Реализация UI-кита, модулей, кабинетов, таблиц, профилей.
Профиля, сделки, модерация, отчёты.

Ключевые библиотеки:
UI-кит: весь стек Taiga UI ( нужен доступ к резюме /core, kit, cdk, addon-*)
Редактор: ngx-editor
Уведомления: ngx-toastr
Медиа: blurhash
Core: rxjs, нужен доступ к резюме

Ссылки:
нужен доступ к резюме

8. Платформа хранения товаров на складах (Angular 20)
Полный жизненный цикл товара: создание → редактирование → сортировка → транспортировка.

Что делала:
Создала UI-kit с нуля.
Реализовала таблицы, карточки, статусы, диаграммы, маршруты.
Обработка HEIC, загрузка файлов, уведомления, навигация.
Логика движения товара по складам и этапам.

Ключевые библиотеки:
UI-кит: полный стек Taiga UI (core, kit, addon-charts, addon-table, addon-commerce, addon-mobile)
Медиа: heic2any
Уведомления: ngx-toastr
Core: rxjs, нужен доступ к резюме

Ссылки:
нужен доступ к резюме

Frontend-разработчик, 2 года и 6 месяцев(Сентябрь 2023 ), 

Я работала на проектной основе:

1. нужен доступ к резюме (Vue + Laravel)
Моя работа включает разработку, поддержку и доработку приложения, верстку и частичный вывод данных из базы данных. Я также создавала админ-панель и личный кабинет, включая интерактивные тесты с перетаскиванием элементов на картинку и проверкой на правильность прохождения тестов. Я также занималась регистрацией и авторизацией пользователей.

2. нужен доступ к резюме (Vue + Laravel)
В этом проекте на Laravel+Vue я работала над поддержкой и доработкой приложения, версткой и частичным выводом данных из базы данных, написанием серверных скриптов и бизнес-логики. Я создала админ-панель, которая позволяет просматривать успеваемость учеников и заполненность предметов, создавать/редактировать/удалять курсы, модули и темы, а также выгружать статистику в Excel. Я также создала личный кабинет учителя, который позволяет им создавать/редактировать/удалять курсы, модули и темы, загружать картинки, презентации, файлы и видео, а также создавать тесты разных типов(3 на выбор), час с учениками(с уведомлением о непрочитанном сообщении), комментарии под материалами. Я также создала личный кабинет для учеников, где они могут видеть доступные курсы, модули и темы для прохождения, свою успеваемость и чат с учителями.

3. нужен доступ к резюме (Vue + Laravel)
В этом проекте на Laravel+Vue я занималась версткой, анимацией, выводом данных из бэка, а также версткой email-писем.

4. В проекте на Nuxt я занималась архитектурой фронта, версткой и переносом данных в Vuex.

5. Дополнительно были проекты, где я выполняла полную верстку и реализовывала анимации на сайте, а также занималась оптимизацией мультимедиа, включая покадровую нарезку видео для быстрой загрузки с использованием ffmpeg. Также были проекты на Nuxt, где я проектировала архитектуру фронтенда, занималась версткой интерфейсов и переносом данных в Vuex.