Angular • TypeScript • Frontend Architecture • Performance

Я — Олег, frontend-разработчик с инженерным подходом к продукту.

Моя специализация — производительные, стабильные и масштабируемые интерфейсы.
Я работаю системно: архитектура → производительность → поддерживаемость → бизнес-результат.

Мне важно:

• высокая скорость загрузки и отзывчивость интерфейсов
• читаемый и расширяемый код
• возможность развивать продукт без технического долга

Мой подход формируется через дисциплину, спорт, аналитическое мышление и постоянное улучшение процессов.

Streetlifting и силовые тренировки — часть моего инженерного мышления:
дисциплина, работа на дистанции, внимание к деталям и системный прогресс.

Ниже — ключевые проекты, демонстрирующие мой подход к разработке:
производительность, архитектура, состояние данных и реальные продуктовые задачи.

Мой основной веб-сайт и портфолио как frontend-разработчика.
Проект реализован на чистом JavaScript без фреймворков и спроектирован как лёгкая и производительная frontend-платформа с упором на архитектуру, анимации и скорость загрузки.

• frontend-платформа на Vanilla JS без фреймворков
• модульная структура кода и data-driven подход для проектов и услуг
• разделение критических и асинхронных ресурсов (быстрый First Paint / LCP)
• адаптивная вёрстка (desktop / tablet / mobile)
• кастомные интерактивные элементы и анимации
• форма обратной связи и интерактивная карта

📊 Performance (Lighthouse / PageSpeed)

• Mobile: 97 / 98 / 100 / 100
• Desktop: 100 / 98 / 100 / 100
  (Performance / Accessibility / Best Practices / SEO)

💼 Коммерческий факт

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

Оплаченный коммерческий информационный лендинг (2 страницы) с фокусом на производительность и чистую фронтенд-архитектуру.

• Vanilla JS без фреймворков
• manual split ресурсов: Critical / Async
• WebP + lazy loading, Intersection Observer
• AJAX → PHP-скрипт → email
• сборка через Webpack

📊 Performance (Lighthouse / PageSpeed)

Main page

• Mobile: 92 / 100 / 100 / 100
• Desktop: 89 / 100 / 100 / 100 Secondary page
• Mobile / Desktop: 100 / 100 / 100 / 100

🔗 Demo: https://dmdpassport.ru
🔗 Code: https://github.com/Oleg-Frontend-creator/dme_passport-control

Полнофункциональный интернет-магазин растений, реализованный как Full SPA с акцентом на пользовательский опыт, состояние приложения и масштабируемую архитектуру.

• Angular SPA с динамической подгрузкой данных
• многоуровневая фильтрация каталога
• корзина, избранное, оформление заказов
• авторизация и личный кабинет пользователя
• сохранение состояния через query-параметры
• работа с API без перезагрузки страницы

🔗 Demo: https://frontend-12sk.onrender.com
🔗 Code: https://github.com/Oleg-Frontend-creator/plants-shop

Корпоративный сайт digital-агентства с блог-платформой и системой пользовательского взаимодействия. Фокус проекта — контент, социальные механики и расширяемая структура данных.

• блог-платформа с фильтрацией статей и пагинацией
• авторизация и управление пользовательским доступом
• система комментариев и пользовательских реакций
• обработка заявок на услуги
• хранение контента и пользовательской активности в MongoDB

🔗 Demo: https://frontend-v0k7.onrender.com
🔗 Code: https://github.com/Oleg-Frontend-creator/web-studio

SPA-приложение для учёта личных финансов с фокусом на бизнес-логику, состояние данных и типизацию (миграция JS → TS).

• управление доходами и расходами с CRUD-операциями
• категоризация финансовых операций
• интерактивный дашборд с аналитикой
• фильтрация данных по периодам

🔗 Demo: https://lumin-coin-finance.onrender.com
🔗 Code (TypeScript): https://github.com/Oleg-Frontend-creator/LuminCoin
🔗 Code (JS): https://github.com/Oleg-Frontend-creator/LuminCoinFinance

Административная SPA-панель для управления заказами и фрилансерами внутри команды. Фокус проекта — внутренние процессы, доступы и состояние системы.

• авторизация пользователей
• управление заказами и исполнителями (CRUD)
• привязка фрилансеров к задачам и заказам
• календарь задач и контроль загрузки
• собственный SPA-роутинг на Vanilla JS
• сохранение состояния приложения без перезагрузки

🔗 Demo: https://freelance-studio-frontend.onrender.com
🔗 Code: https://github.com/Oleg-Frontend-creator/FreelanceStudio

• Angular → React → Next.js
• Node.js / Express → Nest.js
• CI/CD (углубленно), Docker (углубленно), DevOps-основа
• Создание собственной мини-студии

• 🌐 Website: https://modernstack.ru
• 💬 Telegram: @webbuilding_moscow
• 📧 Email: webbuilding.moscow@yandex.com