Denys K.
Offer Denys work on your next project.
Private message
Offer work
Kalush,
Ukraine
11 minutes back
available for hire
on the service 2 hours 15 minutes
Rating
Successful projects
Average rating
Skills and abilities
Portfolio
-
Адаптивний лендинг сучасного музею
HTML & CSS
Сучасний та інтерактивний лендинг для модернового музею, розроблений на основі складного дизайнерського макету Figma. Головний фокус проєкту — створення чистої семантичної структури, плавних інтерфейсних анімацій та ідеальної адаптивності під будь-які типи екранів.
Ключовий функціонал проєкту:
• Якісна Pixel-Perfect верстка з точним перенесенням усіх елементів, шрифтів та відступів з Figma-макету.
… • Повна адаптивність інтерфейсу: використання сучасних підходів CSS Flexbox та Grid для коректного відображення на мобільних телефонах, планшетах та широкоформатних моніторах.
• Інтерактивні елементи на JavaScript, що покращують користувацький досвід (взаємодія з меню, формами чи галереями).
• Плавні мікроанімації та ефекти переходу (transitions/animations) для кнопок, карток та навігаційних елементів.
• Оптимізація швидкості завантаження сторінки через правильну підготовку та стиснення графічного контенту.
Технологічний стек:
• HTML5 (семантична та доступна розмітка)
• CSS3 / SCSS (блочна структура за методологією BEM, змінні, вкладеність)
• JavaScript (оживлення елементів інтерфейсу)
• Гнучка адаптивна верстка (Flexbox, Grid, Media Queries)
• Git / GitHub Pages (контроль версій та деплой)
Цей проєкт демонструє вміння працювати з готовим дизайном будь-якої складності, перетворюючи статичний макет у живий, швидкий та зручний сайт. Код структурований, легко підтримується та повністю відповідає сучасним стандартам веб-розробки.
#frontend #html #css #scss #javascript #verstka #figma #landing #museum #responsive
-
Гра «2048»
Web Programming
Веб-реалізація класичної логічної головоломки «2048», створена на чистому JavaScript (ES6+) з використанням сучасних методів маніпуляції DOM та адаптивної верстки. Проєкт розроблений для демонстрації навичок побудови складної ігрової логіки та оптимізації продуктивності інтерфейсу.
Ключовий функціонал проєкту:
• Повністю реалізована математична та логічна модель гри: переміщення плиток, їх об'єднання при зіткненні та генерація нових чисел.
… • Плавні анімації руху та злиття плиток без втрати продуктивності (Оптимізація CSS-переходів).
• Підрахунок та відображення поточного результату гри в реальному часі.
• Обробка ігрових станів: чітке визначення перемоги (досягнення плитки 2048) або програшу (відсутність доступних ходів) з виведенням відповідних екранів.
• Керування за допомогою клавіатури (стрілочки) для десктопних користувачів.
• Кнопка швидкого перезапуску гри з обнуленням ігрового поля та рахунку.
Технологічний стек:
• HTML5
• SCSS / CSS3 (адаптивна сітка, анімації, змінні)
• JavaScript ES6+ (складна логіка масивів, матричні операції)
• DOM Manipulation (динамічне створення та оновлення елементів інтерфейсу)
• Parcel (швидкий та оптимізований збирач проєкту)
• Git / GitHub Pages (деплой та контроль версій)
Під час розробки було вирішено кілька архітектурних викликів, зокрема: створення коректного алгоритму зсуву плиток без подвійного злиття за один хід, динамічне відстеження вільних комірок для рандомної генерації нових чисел, а також забезпечення адаптивності ігрового поля, щоб гра однаково зручно виглядала на екранах смартфонів, планшетів та ПК.
#javascript #js #frontend #scss #game #2048 #web-programming #verstka #parcel
-
Інтернет-магазин мобільних телефонів
Web Programming
Сучасний та функціональний e-commerce додаток каталогу мобільних телефонів, розроблений відповідно до професійного макету Figma. Проєкт орієнтований на створення швидкого, інтерактивного та повністю адаптивного інтерфейсу (Mobile-first).
Ключовий функціонал проєкту:
• Повноцінний каталог товарів із пагінацією для зручної навігації.
… • Гнучке сортування (за ціною, новизною, за алфавітом) та фільтрація за категоріями.
• Живий пошук товарів за назвою.
• Сторінка деталей продукту з повною інформацією, галереєю зображень (перемикання фото) та блоком рекомендованих товарів.
• Функціонал кошика: додавання/видалення товарів, керування кількістю, динамічний підрахунок загальної вартості.
• Розділ «Улюблене»: додавання товарів у вибране зі збереженням стану між сесіями користувача (Persistent state).
Технологічний стек:
• React (компонентна архітектура, хуки)
• TypeScript (строга типізація даних)
• React Router DOM (реалізація багатосторінкової навігації)
• SCSS / Bulma CSS (адаптивна pixel-perfect верстка за методологією BEM)
• Vite (швидка збірка додатка)
• Cypress (тестування працездатності інтерфейсу)
• ESLint / Prettier (чистота та форматування коду)
У ході розробки було успешно вирішено складні завдання з керування глобальним станом додатка (кошик, обране), оптимізації логіки фільтрації великих масивів даних та забезпечення ідеального відображення на смартфонах, планшетах і десктопах.
#react #typescript #frontend #scss #ecommerce #web-programming #verstka #figma
Activity
| Latest proposals 2 | Budget | Added | Deadlines | Proposal | |
|---|---|---|---|---|---|
|
Fix the GTM work
22 USD
|
|||||
|
Make my website
16 USD
|
