Switch to English?
Yes
Переключитись на українську?
Так
Переключиться на русскую?
Да
Przełączyć się na polską?
Tak
  1. Фрилансери

Віталій Притула

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

Україна Харків, Україна
5 днів 11 годин тому
Вільний для роботи вільний для роботи
вік 31 рік
на сервісі 5 років
Фрилансер Віталій П. — Україна, Харків. Спеціалізація — Веб-програмування, Javascript та Typescript

Рейтинг

Успішних проєктів
Немає даний
Середня оцінка
Немає даний
Рейтинг
313
Веб-програмування 2
1739 місце з 6439
Javascript та Typescript 1
658 місце з 3464

Рівень володіння мовами

Українська Українська: носій

Резюме

Привіт! Я — Віталій, Frontend Developer із 4+ роками досвіду.

Спеціалізуюся на створенні сучасних веб-додатків та інтерфейсів — від адаптивних сайтів до повноцінних SPA на React. Працюю з React, TypeScript, Next.js та Tailwind CSS, приділяючи особливу увагу продуктивності, UX та якості коду.

Створюю не просто “верстку”, а підтримувані та масштабовані інтерфейси, які легко розвивати в майбутньому.

💼 Що ви отримуєте:
– чистий, структурований і підтримуваний код
– адаптивний та кросбраузерний інтерфейс
– точну реалізацію дизайну (pixel-perfect)
– високу швидкість завантаження (оптимізація performance)
– готовність до масштабування та розвитку продукту

🧠 Маю досвід роботи з клієнтами з України та закордону. Реалізував 10+ проєктів, включаючи лендинги, SPA та інтерактивні інтерфейси.

🔧 Основні навички

Розробка SPA на React (Zustand, Router, API інтеграція)
Компонентний підхід та перевикористовувані UI
Адаптивний дизайн (mobile-first, кросбраузерність)
Оптимізація продуктивності (зображення, lazy loading, Lighthouse)
Інтеграція REST API, валідація форм, інтерактив

🛠 Технології

React / Next.js / TypeScript / JavaScript (ES6+)
Tailwind CSS / SCSS / HTML5 / CSS3
Zustand / REST API / Firebase
Git / Vite / Gulp
Figma

🧩 Що я створюю

Веб-додатки (SPA, адмін-панелі)
Лендинги та промо-сайти
Інтерактивні UI (анімації, модальні вікна, форми)
Фронтенд з продуманою архітектурою

🔄 Як я працюю

Аналізую задачу та макети
Будую структуру компонентів
Реалізую UI + логіку
Інтегрую API
Оптимізую продуктивність
Передаю готовий до використання продукт

✉️ Напишіть — обговоримо ваш проєкт і знайдемо оптимальне рішення.

🟢 Готовий долучитися до роботи найближчим часом.

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

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

Портфоліо


  • Landing Page для продажу меду з кошиком

    Javascript та Typescript
    Landing Page для продажу меду з кошиком — приклад роботи портфоліо фрілансера в категорії Javascript та Typescript
    Розробив адаптивний лендинг для продажу натурального меду з можливістю оформлення замовлення через кошик.

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

    … Що було реалізовано
    – Адаптивна верстка (mobile-first)
    – Каталог продукції з можливістю додавання в кошик
    – Реалізація логіки кошика (додавання, видалення, підрахунок суми)
    – Валідація форми замовлення
    – Інтерактивні елементи (кнопки, стани, повідомлення)
    – Оптимізація швидкості завантаження

    Технології
    Next. js, Typescript, Tailwind css, react-label,

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

    Інтерфейс адаптований під мобільні пристрої, що покращує конверсію та зручність використання.

  • Chat Application Landing Page

    Chat Application Landing Page — приклад роботи портфоліо фрілансера в категорії
    Це повністю адаптивна лендінг-сторінка для умовного чат-додатку. Проєкт реалізований з нуля — від структури до найменших деталей інтерфейсу. Основна мета — створити сучасний, легкий та анімований вебінтерфейс, який виглядає однаково добре на всіх пристроях та підкреслює цінність продукту для користувача.

    Що реалізовано:
    Піксель-перфект верстка відповідно до Figma-дизайну.
    …
    Адаптивний інтерфейс з підтримкою всіх популярних роздільностей — мобільні, планшети, десктоп.
    Stack: React · Tailwind CSS · Framer Motion · Responsive Design
    Семантична структура HTML + ARIA-атрибути — для кращої доступності та SEO.

    Tailwind CSS — для швидкого, уніфікованого та чистого стилізування з кастомними класами.

    Фіксований хедер з анімованим бургер-меню, що відкриває навігацію та попап із CTA.

    Футер з кількома секціями: логотип, навігація, політики, соцмережі.

    Анімація з framer-motion при завантаженні футера та появі соціконок — для підвищення залученості.

    Плавне керування класами overflow-hidden при відкритті попапів, щоб уникнути зміщень сторінки.

    Валідація кнопок та правильна логіка закриття попапів.

    Основний фокус:
    Якість верстки та логіка адаптації

    Візуальна узгодженість з UI

    Плавна взаємодія з інтерфейсом (UX)

    Акуратність та масштабованість коду

    Результат:
    Сторінка виглядає професійно, не "ламається" на жодному пристрої, має приємну анімацію та зручну навігацію. Це чудовий приклад чистого, продуманого фронтенду, який можна легко масштабувати.

  • Ліга Справедливості Зака Снайдера

    Javascript та Typescript
    Ліга Справедливості Зака Снайдера — приклад роботи портфоліо фрілансера в категорії Javascript та Typescript
    Я розробив багаторазовий адаптивний компонент React для відображення структурованої інформації про фільм. Блок містить назву фільму, рік випуску, віковий рейтинг, тривалість, рейтингову оцінку та короткий опис сюжету — все це стилізовано для зручної читабельності на мобільних пристроях та комп’ютерах.

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

    … Стек: React, JSX, Tailwind CSS, адаптивний дизайн

  • Маркетингові рішення, які розвивають ваш бізнес

    HTML та CSS верстання
    Маркетингові рішення, які розвивають ваш бізнес — приклад роботи портфоліо фрілансера в категорії HTML та CSS верстання
    Я створив адаптивну та візуально привабливу цільову сторінку для маркетингового агентства. Макет включає сучасний розділ-герой, презентацію послуг, логотипи клієнтів, відгуки та кнопки заклику до дії — все це розроблено з увагою до узгодженості дизайну та зручності користування.

    Сторінка повністю адаптивна, з чистим, масштабованим кодом, що використовує SCSS для зручності підтримки стилів та JavaScript для простої інтерактивності. Підходить для компаній, що надають послуги та шукають стильну онлайн-присутність.

    … Стек:
    HTML, CSS, SCSS, JavaScript, адаптивний дизайн

  • Сайт з анімаціями (React.js, Next.js GSAP, Framer Motion)

    Javascript та Typescript
    Сайт з анімаціями (React.js, Next.js GSAP, Framer Motion) — приклад роботи портфоліо фрілансера в категорії Javascript та Typescript
    Створений інноваційний сайт із сучасними анімаційними ефектами для покращення взаємодії користувачів. Проєкт демонструє плавні переходи між сторінками, інтерактивні елементи та креативний дизайн.

    Має можливіть переключатись між двона дизайнами.

    … Ключовий функціонал:

    Інтерактивні анімації: Реалізовані за допомогою GSAP/Framer Motion для динамічності та плавності.
    Переходи сторінок: Анімації між компонентами для створення ефекту цілісності.
    Реакція на взаємодію користувачів: Ефекти наведення, натискання кнопок, скролінгу.
    Адаптивність: Елементи анімованого інтерфейсу оптимізовані для мобільних пристроїв.
    Мінімізація ресурсів: Анімації оптимізовані для швидкого завантаження та плавної роботи.
    Стек технологій:

    Frontend: React.js
    Бібліотеки анімацій: GSAP, Framer Motion
    CSS: SCSS для точного контролю стилів
    Деплой: Netlify / Vercel

  • Сайт для військового збору (React.js)

    Javascript та Typescript
    Сайт для військового збору (React.js) — приклад роботи портфоліо фрілансера в категорії Javascript та Typescript
    Розробив інтерактивну платформу для збору коштів на підтримку Збройних сил України. Мета проєкту — забезпечити зручність використання, безпеку транзакцій і можливість прозорого відстеження прогресу збору.

    Ключовий функціонал:

    … Адаптивний дизайн: Оптимізований для різних пристроїв (десктопи, планшети, смартфони).
    Інтеграція платіжної системи: Підключив безпечні шлюзи для онлайн-донатів.
    Панель адміністратора: Для управління збором коштів і оновлення статусу кампанії.
    Динамічний прогрес-бар: Відображення суми зібраних коштів у реальному часі.
    Оптимізація продуктивності: Мінімізація часу завантаження сторінок.
    Стек технологій:

    Frontend: React.js, React Hooks, Context API
    CSS: SCSS для створення адаптивного інтерфейсу
    API: Інтеграція REST API для обробки даних
    Build tools: Webpack, Gulp
    Деплой: Хостинг на GitHub Pages / Netlify / Vercel

  • Hi, I am John, Creative Technologist

    Hi, I am John, Creative Technologist — приклад роботи портфоліо фрілансера в категорії
    зроблений з допомогою html, scss, JavaScript

  • Finance and Consultancy Solution

    Finance and Consultancy Solution — приклад роботи портфоліо фрілансера в категорії
    Hhtml, css, js

  • 1-й інформаційний зоопортал України

    HTML та CSS верстання
    1-й інформаційний зоопортал України — приклад роботи портфоліо фрілансера в категорії HTML та CSS верстання
    зроблений з допомогою html, scss, JavaScript

Активність

  Останні ставки 10
Верстальщик React + TypeScript: створення UI-компонентів за Figma для десктоп-додатку
26 400 UAH
Шукаємо досвідченого Next.js розробника для доопрацювання та покращення сайту
4438 UAH
Верстальщик React + TypeScript: створення UI-компонентів за Figma для десктоп-додатку
17 500 UAH
Фронтенд-розробник (React) для переробки існуючого сайту
8876 UAH
Гнучка можливість роботи
8876 UAH
Часткова зайнятість
8876 UAH
Верстка, React
1000 UAH
Потрібен front end розробник react/vue
700 UAH
Верстка банера
1000 UAH
Лендинг для бота ( приклад закріпив )
1000 UAH