Next.js • TypeScript • Tailwind
Sitefishing
Адаптивний landing page для магазину рибальських товарів із каталогом, перемиканням мови, фільтрами та швидкими CTA.
Next.jsTypeScriptTailwindFramer Motion
2 курс • Інженерія програмного забезпечення
Денис ЗагоровськийStudent Software Engineer
Створюю швидкі, адаптивні та чисті вебінтерфейси, поєднуючи сучасний frontend з міцною базою алгоритмів, ООП та backend-розробки.
2
курс навчання
10+
технологій у стеку
UA/EN
мови сайту
Про мене
Майбутній інженер, який мислить системно і любить якісний UX.
Я навчаюся на 2 курсі спеціальності «Інженерія програмного забезпечення» в Житомирській політехніці. Мене цікавить повний цикл створення продуктів: від архітектури та чистого коду до мікроанімацій, доступності й продуктивності.
Освіта
Державний університет «Житомирська політехніка», спеціальність «Інженерія програмного забезпечення», 2 курс.
Швидко вивчаю нові технології та застосовую їх у практичних проєктах.
Ціную зрозумілу структуру коду, компонентний підхід і сильну типізацію.
Фокусуюся на деталях інтерфейсу: відступах, типографіці, станах і доступності.
Стек
Технології, з якими працюю
Frontend
ReactNext.jsTypeScriptTailwind CSSFramer Motion
Backend & Core
PHPC#ASP.NET CoreMySQLREST API
Tools
GitGitHubDockerVS CodeCI/CD
Інтерактив
Міні JS Lab прямо на сайті
Можна редагувати код, видаляти рядки, запускати JavaScript у безпечному браузерному sandbox і бачити результат у терміналі. Це додає портфоліо відчуття живого dev-продукту.
Edit
Змінюй код як у маленькому редакторі.
Run JS
Запускай JavaScript і дивись output.
Fix
Натисни auto-fix, щоб виправити баг.
playground.js
10 рядків456 символівReady
Terminal output
sandboxed worker
$Натисни Run JavaScript, щоб перевірити код.
Міні-завдання
У прикладі навмисно є логічна помилка: фільтр шукає status 'done', хоча дані використовують 'completed'. Спробуй запустити, виправити вручну або натиснути Auto-fix bug.Python у браузері
Python Lab на Pyodide
Окремий інтерактивний playground, де можна писати й запускати Python-код прямо на сайті. Runtime завантажується в браузер через Pyodide і працює у Web Worker, тому це не просто красива заглушка.
Python
Пиши справжній Python 3 без backend-сервера.
Pyodide
Runtime вантажиться в браузері при першому запуску.
Examples
Перемикай готові приклади: дані, алгоритм, ООП.
playground.pyPyodide Web Worker
11 рядків491 символівReady
Приклади
Python output
Python 3 in browser
$Натисни Run Python, щоб виконати код.
Як це працює
- Код реально виконується в браузері через Pyodide, без окремого backend.
- Перший запуск може бути повільнішим, бо завантажується Python runtime з CDN.
- Підходить для невеликих скриптів, алгоритмів, списків, словників, класів і print-output.
Живий інтерфейс
UI Playground: тикай, перетягуй і налаштовуй
Окремий інтерактивний блок, де відвідувач може рухати картки, змінювати акцент, радіуси, нахил, glow-ефект і одразу бачити, як змінюється мініінтерфейс портфоліо.
Interactive controls
Налаштування UI
Акцентний колір
Live preview
Картки можна перетягувати мишкою або пальцем.
portfolio-ui.config
interactive portfolio
ZAGOR.dev
Цей блок показує, що сайт не просто статичний: тут є drag-and-drop, стани кнопок, live controls, анімації та динамічний UI.
Live UI config
card-radius: 28px; card-gap: 14px; card-tilt: -3deg; glow-opacity: 42%; accent: cyan;
drag me
UI
98%
click tools
API
24 ms
ship clean
Git
CI
Портфоліо
Обрані практичні проєкти
Кілька робіт, які показують frontend, структуру коду, деплой через GitHub Pages і практику автоматизації.
React • Next.js • i18n
Portfolio Website
Особистий сайт-портфоліо з локалізацією, темами, SEO, Open Graph, sitemap, robots.txt і JSON-LD.
ReactNext.jsi18nSEO
PowerShell • Windows • Git
Win11 CalmMode
PowerShell-проєкт для акуратного налаштування Windows 11: структура скриптів, документація, changelog і CI-перевірки.
PowerShellWindowsGitGitHub Actions
Контакти
Відкритий до навчальних, командних і pet-проєктів.
Напишіть, якщо потрібен відповідальний junior developer для вебінтерфейсу, навчального проєкту або прототипу.