Frontend-разработчик (Vue 3 / TypeScript)
Контакты
Frontend-разработчик, 7 лет 9 месяцев коммерческого опыта. Основной стек — Vue 3 (Composition API, Quasar, PrimeVue), TypeScript, Pinia. Строю архитектуру интерфейсов, UI-киты и типизацию от API до экрана. Также самостоятельно разрабатываю бэкенд на Laravel и NestJS.
Frontend: Vue 3, TypeScript, Composition API, Quasar, Vuetify, PrimeVue, Pinia, Vuex, Nuxt, vue-router, Vite, JavaScript, HTML, SCSS, SPA, SSR, PWA.
Backend (смежно): Laravel, NestJS, Node.js, REST API, OpenAPI, WebSocket, Socket.IO, Redis, PostgreSQL, MySQL.
Инфраструктура и качество: Docker, Docker Compose, GitHub Actions, CI/CD, Nginx, Linux, Bash, Git, ESLint, Prettier, vue-tsc, Storybook, Vitest, MSW, Cypress, webpack.
Система учёта партий продукции и контроля качества · проект веду один
Фронтенд на Vue 3, Quasar и TypeScript: 17 экранов, 64 компонента, из них 26 — свой UI-кит поверх
Quasar; витрина Storybook на 400 состояний с моками API (MSW).
Типизация от API до экрана: TypeScript-типы генерируются из описания API бэкенда, сторы Pinia по
сущностям и единый useApi для работы с данными; светлая и тёмная тема.
Бэкенд тоже мой — Laravel 13 и PostgreSQL: 68 маршрутов API, роли и права, страницы для покупателей
по QR-коду; 600+ автотестов (Vitest, PHPUnit) в CI на GitHub Actions.
Платформа для дежурно-диспетчерских служб · в команде
Раздел мониторинга из 8 подсистем: гидропосты, радиационная обстановка, транспорт, оповещение,
экология, инженерные системы зданий, СМИ, журнал тревог.
Телефония операторов: история звонков, набор номера, адресная книга и входящие вызовы; плеер
записей реализован отдельным npm-пакетом (headless-ядро, Vue-плагин).
Центр уведомлений (4 типа карточек, счётчики, журнал), видеонаблюдение (сетка камер, 6 режимов
видеостены), форма алгоритмов реагирования на живом API.
Опыт
Система учёта партий продукции и контроля качества · проект веду один
Фронтенд на Vue 3, Quasar и TypeScript: 17 экранов, 64 компонента, из них 26 — свой UI-кит поверх
Quasar; витрина Storybook на 400 состояний с моками API (MSW).
Типизация от API до экрана: TypeScript-типы генерируются из описания API бэкенда, сторы Pinia по
сущностям и единый useApi для работы с данными; светлая и тёмная тема.
Бэкенд тоже мой — Laravel 13 и PostgreSQL: 68 маршрутов API, роли и права, страницы для покупателей
по QR-коду; 600+ автотестов (Vitest, PHPUnit) в CI на GitHub Actions.
Платформа для дежурно-диспетчерских служб · в команде
Раздел мониторинга из 8 подсистем: гидропосты, радиационная обстановка, транспорт, оповещение,
экология, инженерные системы зданий, СМИ, журнал тревог.
Телефония операторов: история звонков, набор номера, адресная книга и входящие вызовы; плеер
записей реализован отдельным npm-пакетом (headless-ядро, Vue-плагин).
Центр уведомлений (4 типа карточек, счётчики, журнал), видеонаблюдение (сетка камер, 6 режимов
видеостены), форма алгоритмов реагирования на живом API.
ТЕХНОЛОГИИ
Vue 3, TypeScript, Quasar, Vuetify, Pinia, vue-router, Vite, Storybook, MSW, Vitest, SheetJS, docx-preview,
openapi-ts; Laravel 13, PostgreSQL; Docker Compose, Nginx, Caddy, GitHub Actions.
ЧТО СДЕЛАЛ
«Безопасный город» — госплатформа для служб ЕДДС: с нуля спроектировал каркас и архитектуру SPA.
В системе — 208 компонентов, 84 маршрута, 12 справочников; в команде — 3 фронтенда, 4 бэкенда, 2
аналитика, дизайнер и QA. Заложил основу для развития интерфейсов и новых модулей платформы.
Создал базу переиспользуемых компонентов: таблицы, фильтры, формы и модальные окна. Единые
шаблоны и типизация DTO и внешних API упростили развитие интерфейса и снизили дублирование кода.
Вёл блок реагирования на происшествия: карточки ситуаций, силы и средства, поручения и связанные
механизмы работы операторов при реагировании и координации действий служб в разных ситуациях.
Разработал формы отчётности с экспортом документов в ODT и PDF и автоматической отправкой SMS;
подготовил документацию по архитектуре и разработал корпоративный сайт компании.
ТЕХНОЛОГИИ
TypeScript, Vue 3 (Composition API), Quasar, Vite, Pinia, vue-router, VueUse, axios, SCSS; MapLibre GL,
ECharts, Howler.js, vuedraggable, moment-timezone; OpenAPI; ESLint, Prettier, vue-tsc, Cypress.
ЧТО СДЕЛАЛ
Real-time платформа коммуникаций медицинской сети: чат операторов и клиентов, WebSocket-гейтвеи с
разграничением ролей, авторизация по токенам, пропагация событий через Redis на RxJS.
SPA медицинской платформы с нуля: аутентификация, роли и доступы, поиск и оформление анализов,
корзина и заказы, избранное, мобильная адаптация; перевёл модули на Composition API и Pinia.
REST API записи на диагностику (Laravel): слоты расписания, закрытые периоды, пересечения.
ТЕХНОЛОГИИ
Vue 3, Composition API, Pinia, Vuex, axios, Chart.js, socket.io-client, SCSS; NestJS, Socket.IO, Redis, Laravel;
Docker, docker-compose, laravel-mix, webpack, ESLint, Babel.
Писал бэкенд на Laravel (Eloquent, Query Builder, REST) и CodeIgniter: интеграции с API капчи и SMS,
очереди и события; автоматизировал сценарии в браузерах через Selenium, делал SPA на Quasar.
Настраивал Docker, Nginx / Apache, Linux (CentOS, Ubuntu); документировал API в Swagger / OpenAPI.
Проживаю в городе Москва
Образование
2008 — Кубанский государственный аграрный университет им. И. Т. Трубилина; прикладная информатика в экономике, прикладная математика и информатика; высшее.
2019 — «Веб-разработка», VK Group; профессиональная переподготовка, 716 часов, квалификация «веб-разработчик».
Языки: русский — родной, английский — B2.
Гражданство: Россия.
Формат: полная занятость, удалённо, гибрид, офис.
Ссылки: https://olegopro.ru · https://salamba.ru/author/oleg · https://github.com/olegopro · https://linkedin.com/in/olegopro