Портфолио

Проекты, которые я реализовал — от вёрстки до деплоя на собственном сервере.

Адаптивный лендинг «Nike Air Mag»

Адаптивный лендинг «California»

Создание и настройка виртуальной машины, развертывание n8n и создание AI-ассистентов

Двустраничный макет «Fit Studio»

Парсер данных с сайта hh.ru

1 / 6
Скриншот проекта Адаптивный лендинг «Nike Air Mag»

Адаптивный лендинг «Nike Air Mag»

Продуктовая страница с выбором размера, слайдером и модальным окном заказа. Стек: HTML/CSS/JS, БЭМ, адаптивная вёрстка, SVG-иконки через use.

HTML CSS JavaScript БЭМ
Скриншот проекта Адаптивный лендинг «California»

Адаптивный лендинг «California»

Многосекционный лендинг интернет-магазина электроники. Стек: HTML/CSS/JS, БЭМ, адаптивная вёрстка, SVG-иконки через use.

HTML CSS JavaScript БЭМ
Скриншот проекта Создание и настройка виртуальной машины, развертывание n8n и создание AI-ассистентов

Создание и настройка виртуальной машины, развертывание n8n и создание AI-ассистентов

Подробные шаги по созданию и развертыванию ноды n8n на виртуальной машине Yandex Cloud, и на своем домене. Подробные шаги по настройке AI-ассистентов. Данная инструкция поможет вам развернуть сервис n8n на своем сервере и со своим доменом. Проект - рабочий.

n8n Автоматизация Nginx Docker docker-compose VPS
Скриншот проекта Двустраничный макет «Fit Studio»

Двустраничный макет «Fit Studio»

Лендинг фитнес-клуба с новостной лентой и FAQ-аккордеоном, главная и страница статьи. Стек: HTML/CSS, БЭМ, адаптивная вёрстка.

HTML CSS БЭМ
Скриншот проекта Парсер данных с сайта hh.ru

Парсер данных с сайта hh.ru

Создан новый проект на языке python с применением Flask и AJAX. Парсер вшит в блок Build для CMS Filament. Парсер выводит данные по вакансиям с сайта hh.ru и предоставляет прямую ссылку на вакансию.

Python Flask AJAX Filament
Скриншот проекта Email-верстка клининговой компании Taskduck

Email-верстка клининговой компании Taskduck

Реализована система email-рассылок с поддержкой MJML-верстки. Шаблоны создаются в визуальном редакторе с предпросмотром прямо в админ-панели, компилируются через MJML и отправляются через SMTP с собственного домена. Для управления медиафайлами писем реализована отдельная библиотека с поддержкой папок и массовой загрузки.

Email MJML HTML

bozheslav.ru — тоже личный проект

Построен на Laravel и Filament — от пустого сервера до полноценной CMS

Laravel Filament PostgreSQL nginx PHP 8.3 HTML/CSS/JS BEM VPS

Первый вопрос, который я задал себе — как быть полезным рынку и бизнесу? Большинство идут по простому пути: WordPress, готовые шаблоны, плагины за $50 в месяц.

Я выбрал другой путь. Собственный VPS, Laravel, PostgreSQL — всё с нуля. Слишком большое воображение не позволяет работать вполсилы.

Почему Laravel, а не WordPress?

Laravel заставляет думать архитектурно. Здесь нет магии плагинов — только код, который ты понимаешь и полностью контролируешь.

laravel-image-1

Техническая реализация

Фронтенд с нуля

HTML/CSS/JS без фреймворков. BEM-методология, адаптивный дизайн, тёмная и светлая тема — всё написано руками. JS-скрипты структурированы как ES-модули.

Серверная инфраструктура

Ubuntu 24.04, nginx с виртуальными хостами, PHP-FPM 8.3, PostgreSQL 16, SSL с автопродлением. Деплой одной командой через bash-скрипт.

Безопасность

fail2ban защищает SSH от брутфорса, honeypot и rate limiting на форме обратной связи, HTTP → HTTPS редирект, закрытый порт SSH.


Возможности админ-панели

Filament заменил WordPress полностью — без единого платного плагина

Filament сейчас
Filament в начале
  • ✅ Управление портфолио и проектами
  • ✅ Медиабиблиотека с загрузкой ZIP
  • ✅ Блог с категориями и SEO-полями
  • ✅ Страницы с блочным редактором
  • ✅ Настройки сайта из одного места
  • ✅ Логи и управление кэшем в панели

Готов обсудить проект

Telegram

Если вам нужен сайт на Laravel, настройка сервера или автоматизация процессов — напишите мне в Telegram.