Цей сайт

Завдання

Портфоліо full-stack розробника має доводити те саме, що й декларує: реальну інженерію, реальне відчуття дизайну і достатньо стриманості, щоб не перетворити кожну секцію на демо-шоу. Воно також мало працювати чотирма мовами, не перетворюючись на чотири окремі сайти для підтримки, і залишатися робочим для відвідувачів, які взагалі не вмикають JavaScript.

Що було зроблено

Світла й темна теми, що обираються за налаштуваннями системи, а потім запам'ятовуються, чотири мови з автоматичним визначенням і скрол-керована колода карток для вибраних робіт, яка фіксує viewport і прокручує картки спереду назад під час скролу — перевірена як інтерактивний HTML-прототип ще до того, як хоч рядок з неї перенесли в React. Контент лишається повністю видимим без JavaScript: ніщо не залежить від виконання скрипта, щоб стати читабельним.

Технічні рішення

Next.js App Router із next-intl для маршрутизації й перекладів, Tailwind v4 для стилів, GSAP і ScrollTrigger для зафіксованої колоди й скрол-анімацій, Three.js імпортується динамічно, тож ніколи не потрапляє в основний бандл. Сам макет — куди спершу падає погляд, наскільки нижче розташована "робота" — був перевірений інструментами предиктивного айтрекінгу ще до написання продакшн-коду, а не підправлений навмання постфактум.