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

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

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

Украина Харьков, Украина
2 дня 9 часов назад
Свободен для работы свободен для работы
возраст 31 год
на сервисе 5 лет

Рейтинг

Успешных проектов
Нет данных
Средняя оценка
Нет данных
Рейтинг
313
Веб-программирование
Javascript и Typescript

Уровень владения языками

Українська Українська: носитель

Навыки и умения

Программирование

Портфолио


  • Лендинг Пейдж для продажи меда с корзиной

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

    Основная задача — создать простой и понятный интерфейс, который быстро подводит пользователя к покупке и корректно работает на всех устройствах.

    Что было реализовано
    – Адаптивная верстка (mobile-first)
    – Каталог продукции с возможностью добавления в корзину
    – Реализация логики корзины (добавление, удаление, подсчет суммы)
    – Валидация формы заказа
    – Интерактивные элементы (кнопки, состояния, сообщения)
    – Оптимизация скорости загрузки

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

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

    Интерфейс адаптирован под мобильные устройства, что улучшает конверсию и удобство использования.
  • Страница входа в чат-приложение

    Это полностью адаптивная лендинг-страница для условного чат-приложения. Проект реализован с нуля — от структуры до мельчайших деталей интерфейса. Основная цель — создать современный, легкий и анимированный веб-интерфейс, который одинаково хорошо выглядит на всех устройствах и подчеркивает ценность продукта для пользователя.

    Что реализовано:
    Пиксель- perfection верстка в соответствии с Figma-дизайном.

    Адаптивный интерфейс с поддержкой всех популярных разрешений — мобильные, планшеты, десктоп.
    Стек: React · Tailwind CSS · Framer Motion · Responsive Design
    Семантическая структура HTML + ARIA-атрибуты — для лучшей доступности и SEO.

    Tailwind CSS — для быстрого, унифицированного и чистого стилизования с кастомными классами.

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

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

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

    Плавное управление классами overflow-hidden при открытии попапов, чтобы избежать смещений страницы.

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

    Основной фокус:
    Качество верстки и логика адаптации

    Визуальная согласованность с UI

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

    Аккуратность и масштабируемость кода

    Результат:
    Страница выглядит профессионально, не «ломается» на любом устройстве, имеет приятную анимацию и удобную навигацию. Это отличный пример чистого, продуманного фронтенда, который легко масштабировать.
  • Лига Справедливости Зака Снайдера

    Javascript и Typescript
    Я разработал многоразовый адаптивный компонент React для отображения структурированной информации о фильме. Блок содержит название фильма, год выпуска, возрастной рейтинг, продолжительность, рейтинговую оценку и короткое описание сюжета — всё это стилизовано для удобочитаемости на мобильных устройствах и компьютерах.

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

    Стек: React, JSX, Tailwind CSS, адаптивный дизайн
  • Маркетинговые решения, которые развивают ваш бизнес

    HTML и CSS верстка
    Я создал адаптивную и визуально привлекательную целевую страницу для маркетингового агентства. Макет включает современный раздел-герой, презентацию услуг, логотипы клиентов, отзывы и кнопки призыва к действию — всё это разработано с вниманием к согласованности дизайна и удобству использования.

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

    Стек:
    HTML, CSS, SCSS, JavaScript, адаптивный дизайн
  • Сайт с анимациями (React.js, GSAP, Framer Motion)

    Javascript и Typescript
    Создан инновационный сайт с современными анимационными эффектами для улучшения взаимодействия пользователей. Проект демонстрирует плавные переходы между страницами, интерактивные элементы и креативный дизайн.

    Имеет возможность переключаться между двумя дизайнами.

    Ключевая функциональность:

    Интерактивные анимации: Реализованы с помощью GSAP/Framer Motion для динамичности и плавности.
    Переходы страниц: Анимации между компонентами для создания эффекта целостности.
    Реакция на взаимодействие пользователей: Эффекты наведения, нажатия кнопок, скроллинга.
    Адаптивность: Элементы анимированного интерфейса оптимизированы для мобильных устройств.
    Минимизация ресурсов: Анимации оптимизированы для быстрого загрузки и плавной работы.
    Стек технологий:

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

    Javascript и Typescript
    Разработал интерактивную платформу для сбора средств на поддержку Вооруженных сил Украины. Цель проекта — обеспечить удобство использования, безопасность транзакций и возможность прозрачного отслеживания прогресса сбора.

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

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

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

    Создано с помощью html, scss, JavaScript
  • Финансовые и консультативные решения

    Hhtml, CSS и JS
  • 1-й информационный зоопортал Украины

    HTML и CSS верстка
    Создано с помощью html, scss, JavaScript

Активность

  Последние ставки 10
Верстальщик React + TypeScript: создание UI-компонентов по Figma для десктоп-приложения
26 400 UAH
Ищем опытного Next.js разработчика для доработки и улучшения сайта
4435 UAH
Верстальщик React + TypeScript: создание UI-компонентов по Figma для десктоп-приложения
17 500 UAH
Frontend-разработчик (React) для переделки существующего сайта
8870 UAH
Гибкая возможность работы
8870 UAH
Вакансия на неполный рабочий день
8870 UAH
Верстка, React
1000 UAH
Требуется front end разработчик react/vue
700 UAH
Верстка баннера
1000 UAH
Лендинг для бота ( пример закрепил )
1000 UAH