разработчик react

ООО "Газпром Нефть-ЦР"

Главный разработчик fronted приложений

С 01.06.2021 по настоящее время (3 года 7 месяцев)

#Повышение производительности Автоматизированной Системы Допусков. - Задача: Reverse engineering. Поддержка legacy - кодовой базы, частичное переписывание особо критичных компонентов системы на react. Исправление уязвимостей кода. - Стек технологий: maven, nexus, grunt-cli, react, typescript, redux, java extend. #Разработка интерфейса единой консультационной платформы на базе генеративной нейросети. - Задача: Разработать архитектуру и приложение со следующими компонентами: окно чата с искусственным интеллектом, закрепленные сообщения в чате, история сообщений, добавление беседы в избранные, поиск по чату. Сообщения чата поддерживают таблицы, графики, отправку файлов. Реализовать 2 цветовые темы. Личный кабинет пользователя, музыкальный проигрыватель с плейлистом, страницу с документами, а также лендинг. - Стек технологий: react, redux-toolkit, typescript, axios, apexchart, jest, LocalStorage. - Моя роль на проекте: главный фронтенд-разработчик. - Достижения: для удобства пользователей, я реализовала кеширование через LocalStorage. Реализовала музыкальный модуль, из нескольких компонентов: 1) плейлист, состоящий из визуализации проигрывателей, с рабочими кнопками выбора трека и звуковыми дорожками, 2) сортировка треков, 3) визуальзация проигрывателя, который отображается в сайдбаре, на котором синхронизируется играющий трек, на нем также есть кнопки управления и выбора треков. 4) сам проигрыватель, который получает информацию от других компонентов и воспроизводит музыку. Все части связаны между собой через стор. #Дашборд для показателей KPI сотрудников и отделов - Задача: разработать архитектуру и реализовать максимально удобный и быстрый интерфейс с фильтрами, сортировкой и графиками с использованием react, с внедрить его в существующий проект, который написан на vue. Разделить роли пользователей. У каждого пользователя должна быть возможность редактирования и просмотра только определенной информации. - Стек технологий: react, redux-toolkit, axios, apexchart, jest, java, maven - Моя роль на проекте: главный фронтенд-разработчик. - Достижения: Мне удалось реализовать оптимальную модульную архитектуру. Приложение получилось с минимальным перерендерингом. #Дашборды для ЦУД по добыче нефти - Задача: поддержка существующих интерактивных дашбордов и разработка новых. Код-ревью, проверка merge requests других участников разработки, деплой на сервер. Дашборды представляют собой графики, пайчарты, гистограммы, диаграммы и таблицы, в которых есть возможность добавлять комментарии, менять цветовую схему, выбирать временной диапазон, и другие возможности для наилучшего анализа показателей. - Стек технологий: vue2, vuex, less, axios, apexchart, amchart, fusionchart, java, maven - Моя роль на проекте: главный фронтенд-разработчик. - Достижения: проект полностью массштабируемый, мы реализовали его для трех месторождений нефти. Получили патент на использование данной архитектуры и дизайна. Для получения идеального графика на дашборде, я изучаю документацию и возможности библиотек для чартов.- -

ООО "Газпром Нефть-ЦР"

Главный разработчик fronted приложений

С 01.06.2021 по настоящее время (3 года 7 месяцев)

#Повышение производительности Автоматизированной Системы Допусков. - Задача: Reverse engineering. Поддержка legacy - кодовой базы, частичное переписывание особо критичных компонентов системы на react. Исправление уязвимостей кода. - Стек технологий: maven, nexus, grunt-cli, react, typescript, redux, java extend. #Разработка интерфейса единой консультационной платформы на базе генеративной нейросети. - Задача: Разработать архитектуру и приложение со следующими компонентами: окно чата с искусственным интеллектом, закрепленные сообщения в чате, история сообщений, добавление беседы в избранные, поиск по чату. Сообщения чата поддерживают таблицы, графики, отправку файлов. Реализовать 2 цветовые темы. Личный кабинет пользователя, музыкальный проигрыватель с плейлистом, страницу с документами, а также лендинг. - Стек технологий: react, redux-toolkit, typescript, axios, apexchart, jest, LocalStorage. - Моя роль на проекте: главный фронтенд-разработчик. - Достижения: для удобства пользователей, я реализовала кеширование через LocalStorage. Реализовала музыкальный модуль, из нескольких компонентов: 1) плейлист, состоящий из визуализации проигрывателей, с рабочими кнопками выбора трека и звуковыми дорожками, 2) сортировка треков, 3) визуальзация проигрывателя, который отображается в сайдбаре, на котором синхронизируется играющий трек, на нем также есть кнопки управления и выбора треков. 4) сам проигрыватель, который получает информацию от других компонентов и воспроизводит музыку. Все части связаны между собой через стор. #Дашборд для показателей KPI сотрудников и отделов - Задача: разработать архитектуру и реализовать максимально удобный и быстрый интерфейс с фильтрами, сортировкой и графиками с использованием react, с внедрить его в существующий проект, который написан на vue. Разделить роли пользователей. У каждого пользователя должна быть возможность редактирования и просмотра только определенной информации. - Стек технологий: react, redux-toolkit, axios, apexchart, jest, java, maven - Моя роль на проекте: главный фронтенд-разработчик. - Достижения: Мне удалось реализовать оптимальную модульную архитектуру. Приложение получилось с минимальным перерендерингом. #Дашборды для ЦУД по добыче нефти - Задача: поддержка существующих интерактивных дашбордов и разработка новых. Код-ревью, проверка merge requests других участников разработки, деплой на сервер. Дашборды представляют собой графики, пайчарты, гистограммы, диаграммы и таблицы, в которых есть возможность добавлять комментарии, менять цветовую схему, выбирать временной диапазон, и другие возможности для наилучшего анализа показателей. - Стек технологий: vue2, vuex, less, axios, apexchart, amchart, fusionchart, java, maven - Моя роль на проекте: главный фронтенд-разработчик. - Достижения: проект полностью массштабируемый, мы реализовали его для трех месторождений нефти. Получили патент на использование данной архитектуры и дизайна. Для получения идеального графика на дашборде, я изучаю документацию и возможности библиотек для чартов.- -

OOO "Пиком"

Программист

С 01.09.2013 по 01.06.2021 (7 лет 9 месяцев)

мои проекты: #Разработка ERP-платформы для фармацевтического холдинга «Катрен» - Задача: 1) Pазработать ЛК менеджера (представителя фармдистрибьютора) – интерфейс управления проектом. Через админ-панель менеджеры заказчика могут просматривать и вносить данные по партнерам, формировать отчеты, размещать контент. 2) Разработать ЛК партнёра для юридических лиц – аптечных сетей или единичных аптек. В виде инфографики отображаются данные с детализацией по точкам продаж: планы реализации, вознаграждения и штрафы за нарушения, товарооборот. Подключить чат-бот. 3) Разработать ЛК производителя – настроить фильтры по продажам отдельных позиций, отчетам за месяц, партнерам и аптекам. Разделить роли менеджера и медпредставителя. Первый может подтверждать либо отклонять участие аптек в бонусной программе. - Стек технологий: Yii 2, nuxt.js, vuex, scss, pug, axios, websocket. - Достижения: Я реализовала чат на websocket. Сделала авторизацию и разделение ролей по токену. Настроила автодеплой в gitlab. #rodniki.udmurt.media - приложение для проекта на nuxt.js. - Задача: переписать существующее приложение с vue на nuxt.js. Для дальнейшего сео-продвижения сайта. Доработать интерфейс, подключить REST API. - Стек технологий: nuxt.js, vuex, scss, pug, axios. - Моя роль в проекте: фронтенд-разработчик. - Достижения: Я быстро разобралась с технологией ssr и переписала проект с vue на nuxt.js. Настроила автодеплой в gitlab. #rodniki.udmurt.media - приложение для проекта на vue. - Задача: создать SPA, в котором пользователи могут оставлять свои истории, о великих родственниках, уроженцах Удмуртской Республики, с их фотографиями. Все истории публикуются после модерации. - Стек технологий: Vue2, vuex, scss, pug, firebase, php. - Моя роль в проекте: фронтенд-разработчик. - Достижения: Приложение необходимо было реализовать в короткие сроки. На проекте не было бэкенда, поэтому я сама реализовала скрипт на PHP, который отправлял письмо с сайта на почту модератора. В последующем, модератор публиковал рассказ пользуясь firebase. Настроила автодеплой в gitlab. #apteka.ru - Задача: Создание новых компонентов, доработки кодовой базы. - Стек технологий: scss, pug, es6, jquery, gulp, webpack, babel, npm, git. - Моя роль в проекте: верстальщик, фронтенд-разработчик, мейнтейнер. - Достижения: крупнейший сайт по заказу лекарственных средств. Я отлично справилась со своими задачами. Реализовала интересные визуальные эффекты и новые компоненты. #Тотальный диктант - сайт проекта. - Задача: сверстать новые элементы, исправить баги, рефакторинг существующего кода, протестировать сайт на адаптивность и доступность. - Стек технологий: scss, pug, es6, jquery, API Яндекс Карт, gulp, webpack, babel, npm, git. - Моя роль в проекте: верстальщик, фронтенд-разработчик, мейнтейнер. - Достижения: это высоконагруженный проект, на сайт одновременно должно было зайти огромное количество пользователей со всего мира. Поэтому с моей стороны было уделено большое внимание адаптивности, кроссбраузерности и доступности. #Ижевская лыжня - сайт проекта. - Задача: сверстать новые элементы, исправить баги, рефакторинг существующего кода. - Стек технологий: scss, pug, es6, jquery, API Яндекс Карт, gulp, webpack, babel, npm, git. - Моя роль в проекте: верстальщик, фронтенд-разработчик, мейнтейнер. - Достижения: изменения в проект необходимо было внести в сжатые сроки. Я быстро реализовала доработки интерфейса. # сайт для вторых парадельфийских игр в Казани - Задача: сделать адаптивную верстку сайта, с версией для слабовидящих, с различными дефектами зрения. При этом все исходники должны быть хорошо поддерживаемы и дополняемы. Дальнейший перенос верстки на систему 1С-Битрикс и наполнение сайта контентом не должны вызывать баги в интерфейсе. - Стек технологий: scss, pug, es6, jquery, API Яндекс Карт, gulp, webpack, babel, npm, git. - Моя роль в проекте: верстальщик, фронтенд-разработчик. - Достижения: проект необходимо было реализовать в сжатые сроки, поэтому дизайн, верстка и бэкенд делались практически одновременно. Мне удалось справится с задачей вовремя и реализовать адаптацию сайта для людей с нарушением зрения. #http://udsoil.ru - Задача: сделать адаптивную верстку с анимированными элементами для сайта-визитки нефтяной компании, которая полностью соответствует дизайну в figma. При этом все исходники должны быть хорошо поддерживаемы и дополняемы. Дальнейший перенос верстки на систему 1С-Битрикс и наполнение сайта контентом не должны вызывать баги в интерфейсе. - Стек технологий: scss, pug, es6, jquery, API Яндекс Карт, gulp, webpack, babel, npm, git. - Моя роль в проекте: верстальщик, фронтенд-разработчик. - Достижения: я реализовала анимированную загрузку блоков, красиво подсвеченные регионы на Яндекс картах. # https://kalashnikov-climate.com/ - Задача: сделать адаптивную верстку, которая полностью соответствует дизайну в figma. При этом все исходники должны быть хорошо поддерживаемы и дополняемы. Дальнейший перенос верстки на систему 1С-Битрикс и наполнение сайта контентом не должны вызывать баги в интерфейсе. - Стек технологий: scss, pug, es6, jquery, яндекс карты API, ajax, gulp, webpack, babel, npm, git. - Моя роль в проекте: верстальщик, фронтенд-6разработчик. - Достижения: я реализовала связь текстового инпута с API Яндекс карт в разделе "Где купить". # http://basalteco.com/ - Задача: сделать адаптивную семантичную и кроссбраузерную верстку сайта-каталога, которая полностью соответствует дизайну в figma. При этом все исходники должны быть хорошо поддерживаемы и дополняемы. Дальнейший перенос верстки на систему 1С-Битрикс и наполнение сайта контентом не должны вызывать баги в интерфейсе. - Стек технологий: scss, pug, es6, jquery, ajax, gulp, webpack, babel, npm, git. - Моя роль в проекте: верстальщик, фронтенд-разработчик. - Достижения: я реализовала анимированную загрузку блоков.

Университет

Ижевский государственный технический университет им. М.Т. Калашникова

Университет

TypeScript Интенсив

Университет

React для современных веб-приложений

Университет

htmlacademy.ru

Родной язык

Русский

Иностранные языки

Английский

Ключевые навыки

• Version control/git

• Html5, css3, jquery, flex, бэм, git, gulp, scss, sass, javascript, пиксель перфект;

• web application development

• Fetch api

• Знания яп: php, python3, javascript +es, node.js, vuejs, webcms

• Javascript html бэм-методология typescript vue (2/3) vuex vitepinia tailwind nuxt apollo vue compo

• Html, css (sass); javascript (es6); бэм; webpack, npm, esllint, babel; git; php; typescript, react.

• Кроссбраузерная и адаптивная верстка

• bem

• кроссбраузерная верстка

• Использование фреймворков, отличных от vue.js (angular/react);

• Javascript, rest, websocket, html, css, http, less, es6, safari, scss, sass, stylus

• java script

• Atlassian jira

• Javascript (es5, es6)

• Написания автотестов jest

• Основы figma

• Flutter redux

• React (v.16), websockets, redux, webpack, sass, node.js;oauth 2.0, keycloak, spring boot, spring sec

• Rest, gitlab, ci/cd, reactjs, redis

• C#, asp.net, ms sql, postgresql, html, css, bootstrap, javascript, json, ajax

• Project reactor

• Vanilla js

• Базовые знания frontend

Дополнительная информация

Более 10 лет в IT. Принимала участие в крупнейших федеральных проектах, таких как apteka.ru, katren, тотальный диктант, вторые парадельфийские игры. Сейчас занимаюсь разработкой внутренних систем для нефтегазовой отрасли. А также участвую в проекте по созданию платформы для общения с ИИ. Владею версткой, es 6, современными фреймворками, такими как: react, vue, nuxt. Умею пользоваться ChatGPT и другими нейросетями. Имею большой опыт работы в команде и декомпозиции задач по методологии agile. Придерживаюсь популярных принципов написания кода : SOLID, KISS, DRY, YAGNI. Помимо hard skills стараюсь прокачивать soft skills. Всегда помогаю новичкам и не боюсь задавать вопросы более опытным коллегам. Слежу за развитием технологий и IT-сообществом. Участник конференций: - frontTallks 2017 (Екатеринбург), - frontTallks 2018 (Екатеринбург), - Яндекс.субботник 2018 (Казань), - UicDev 2019 (Ижевск), - Яндекс.субботник 2023 (Санкт-Петербург), - Яндекс.субботник 2024 (Санкт-Петербург). Хакатоны: - Архитектурные ката 2024 (Санкт-Петербург). Митапы: - Vertis js 8 bit edition 2024 (Санкт-Петербург).