Switch to English version?

Yes

Переключитись на українську версію?

Так

Переключиться на русскую версию?

Да

Przełączyć się na polską wersję?

Tak

Денис К.

Запропонуйте Денису роботу над вашим наступним проєктом або зареєструйте профіль фрилансера і починайте заробляти просто зараз.

Калуш, Україна

23 хвилини тому

вільний для роботи

на сервісі 3 години 23 хвилини

Рейтинг

Успішних проєктів

Середня оцінка

Рейтинг

Веб-програмування

1284 місце з 6463

Резюме

Привіт! Я Junior Frontend-розробник. Спеціалізуюся на створенні сучасних, швидких та адаптивних вебсайтів (Mobile-first) за допомогою React, TypeScript та чистої верстки.

Маю досвід розробки інтерфейсів різної складності, чітко дотримуюся архітектурних підходів і методології BEM, а також працюю з Figma, вмію переносити дизайн у піксель-перфект код.

🛠 Мій стек технологій:

• HTML5 / CSS3 / SCSS (BEM)

• JavaScript (ES6+) / TypeScript

• React.js / Redux Toolkit

• Figma (робота з варіантами, адаптивними макетами, компонентами)

• Git / GitHub

💻 Мої головні проєкти, які можна подивитися та потестити:

1. Інтернет-магазин мобільних телефонів (React + TypeScript)

Повноцінний каталог із фільтрацією, сортуванням, інтерактивними слайдерами та повністю робочим функціоналом кошика товарів.

• Живе демо сайту: https://qlaudy.github.io/qluady-phone-catalog/

• Код на GitHub: https://github.com/qlaudy/qluady-phone-catalog

2. Адаптивний лендинг Музею (HTML / SCSS / JS)

Pixel-perfect верстка сучасного дизайну з Figma. Сайт повністю адаптований під мобільні пристрої, планшети та десктопи.

• Живе демо сайту: https://qlaudy.github.io/qlaudy-museum/

• Код на GitHub: https://github.com/qlaudy/qlaudy-museum

3. Гра "2048" (React / TypeScript)

Вебдодаток популярної логічної гри з реалізацією всієї ігрової логіки, підрахунком балів та збереженням результатів.

• Живе демо сайту: https://qlaudy.github.io/qlaudy-2048-game/

• Код на GitHub: https://github.com/qlaudy/qlaudy-2048-game

Завжди на зв'язку і готовий допомогти реалізувати ваш проєкт. Гарантую чистий код, дотримання дедлайнів та повну відповідність макету. Давайте співпрацювати!

Навички та вміння

Програмування

Послуги

Портфоліо

Адаптивний лендинг сучасного музею

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»

Веб-програмування

Веб-реалізація класичної логічної головоломки «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
Інтернет-магазин мобільних телефонів

Веб-програмування

Сучасний та функціональний 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

Активність

	Останні ставки 2	Бюджет	Додано	Терміни	Ставка
	Виправити роботу GTM 1000 UAH	1000 UAH	16:39	2 дні
	Ап май сайт 700 UAH	700 UAH	15:29	1 день	відкликана