Фото

Привет, меня зовут Антон

Изучаю веб-разработку с помощью ИИ

Мои навыки

  • Linux / администрирование серверов
  • HTML / CSS / JavaScript
  • Работа с ИИ-инструментами
DevOps
Веб-разработка

Портфолио

Живые демо в отдельной вкладке. Внутри каждой страницы — краткая инструкция, что нажать и что должно произойти.

Веб-разработка

my-first-site

Личная визитка на HTML/CSS: навыки, портфолио и контакты. Эта страница и есть демо.

HTML CSS GitHub Pages
Demo Code

Command Deck

Терминал в браузере. Как проверить: откройте Demo → введите help → Enter; дальше neofetch, skills, clear.

JavaScript CLI UX Live demo
Demo Code

Password Forge

Генератор паролей. Как проверить: ползунок длины, галочки A–Z / a–z / цифры / символы, кнопки Generate и Copy.

JavaScript UX tool Live demo
Demo Code

Launchbay

Мини-лендинг SaaS. Как проверить: «К форме» → введите email → Get early access — появится подтверждение без сервера.

Landing Brand UI Live demo
Demo Code

Terra — ресторан

Лендинг итальянского ресторана: меню с фото, галерея, бронь стола. Как проверить: Demo → форма брони → «Отправить заявку».

Landing HTML/CSS Restaurant
Demo Code

Чистый Дом — услуги

Универсальный лендинг услуг (клининг): сетка с ценами, отзывы, заявка, звонок/WhatsApp. Как проверить: Demo → форма → «Отправить заявку».

Landing Services Lead form
Demo Code

MIRA VOLK — тренер

Лендинг коуча: dark editorial, блок «Обо мне», тарифы, CTA в WhatsApp. Как проверить: Demo → «Записаться на пробную».

Landing Coach WhatsApp CTA
Demo Code

LUMI — магазин

Яркий одностраничный магазин: сетка цветов, мини-корзина, форма заказа, таймер и соцдоказательства. Как проверить: Demo → «Купить» → корзина → оформить.

Landing E-commerce Mini-cart
Demo Code

KONTUR — недвижимость

Proptech-каталог: сетка объектов, живые фильтры по комнатам/цене, заявка на просмотр. Как проверить: Demo → фильтры → «Записаться на просмотр».

Landing Realty Filters
Demo Code

RIVET — SaaS

Dev-platform лендинг: терминал с typing-demo, live-метрики, feature flag и тарифы Free/Pro/Enterprise. Как проверить: Demo → флаг → Pricing → Yearly.

SaaS DevTools Live demo
Demo Code

OPEN STAGE — вебинар

Лендинг события: живой countdown до старта, программа по таймингу, валидация регистрации (имя, email, согласие). Как проверить: Demo → таймер → «Регистрация» → отправить с ошибками и с валидными данными.

Landing Event Countdown
Demo Code

FORM — барбершоп

Лендинг барбершопа: прайс, до/после слайдер, календарь записи. Как проверить: Demo → «Работы» (ползунок) → день в календаре → слот → «Подтвердить запись».

Landing Barber Booking
Demo Code

DevOps и администрирование

Server Pulse

Панель мониторинга. Как проверить: подождите 1–2 сек — метрики и лог обновятся сами, worker-queue может сменить статус.

Ops UI Metrics Live demo
Demo Code

Deploy Pipeline

Симуляция CI/CD: сборка, тесты, деплой и прод. Как проверить: Demo → «Запустить деплой» — этапы идут по очереди, лог пишется построчно; примерно каждый пятый запуск падает на Test.

CI/CD Pipeline Live demo
Demo Code

Docker Fleet

Панель управления контейнерами. Как проверить: Demo → redis уже stopped → Start (зелёная точка ~0.5 с); Restart — жёлтый статус на секунду; Logs — строки лога сервиса.

Docker Ops UI Live demo
Demo Code

Backup Vault

Резервное копирование с историей и восстановлением. Как проверить: Demo → «Запустить бэкап сейчас» — прогресс около 3 секунд и новая запись «Успешно»; Restore у успешного бэкапа → подтверждение → «Данные восстановлены». У статуса «Ошибка» Restore недоступен.

Backup Ops UI Live demo
Demo Code

Log Explorer

Агрегатор логов. Как проверить: Demo → поиск по слову timeout; кнопки ERROR / WARN / INFO фильтруют ленту. Каждые 2–3 секунды сверху появляется новая строка. Две ошибки подряд за 3 секунды — предупреждение «Обнаружена серия ошибок», график растёт на ERROR.

Logs Chart.js Live demo
Demo Code

Связаться со мной