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

Артем Лисюк

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

Украина Киев, Украина
2 месяца 23 дня назад
Свободен для работы свободен для работы
возраст 32 года
на сервисе 3 года
  • web разработка
  • web developer
  • flexbox
  • Git (Github
  • JavaScript-програміст
  • SASS (SCSS)
  • redux-toolkit
  • zustand
  • Prisma ORM
  • Fullstack developer
  • REST API
  • Next.js
  • TypeScript
  • React.js

Рейтинг

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

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

Українська Українська: носитель
Русский Русский: продвинутый
English English: базовый

Резюме

**Frontend-разработчик (React/Next.js) с fullstack-опытом**


Специализируюсь на создании современных веб-приложений на React и Next.js. Имею опыт полного цикла разработки — от верстки интерфейсов до работы с базами данных.


 **Мой стек:**

• **Frontend:** React, Next.js (App Router), TypeScript

• **Стейт-менеджмент:** Redux Toolkit, Zustand, React Context

• **Стилизация:** SCSS Modules, Tailwind, CSS-in-JS

• **Backend/data:** Prisma, PostgreSQL, REST API

• **Инструменты:** Git, Vite, Vercel, Figma


 **Что могу реализовать:**

SPA/SSR приложения на React/Next.js

 Адаптивные интерфейсы с анимациями (GSAP, Framer Motion)

 Интеграция с REST API и посторонними сервисами

 Работа с базами данных (PostgreSQL + Prisma)

 Оптимизация производительности и SEO

 Архитектура сложных frontend-приложений


**Подход к работе:**

• Чистый типизированный код на TypeScript

• Модульная архитектура компонентов

• Внимание к деталям и UX

• Соблюдение дедлайнов и регулярная коммуникация


 **Готов к проектам любой сложности — от лендингов до сложных веб-приложений.**

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

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

Услуги

Портфолио


  • Люкс Трипс — Анимированный лендинг для люксовых путешествий

    Веб-программирование
    Lux Trips — luxury-лендинг для премиального туристического сервиса.
    Современный дизайн с анимациями GSAP, адаптивная верстка и интуитивный интерфейс.

    Технологический стек:
    Frontend: React 19 + Vite (быстрая сборка)
    Анимации: GSAP (плавные параллакс-эффекты)
    Стили: SASS/SCSS (модульная архитектура)
    Управление состоянием: Zustand
    Формы: React Hook Form (валидация бронирования)
    Слайдеры: Swiper
    Деплой: Vercel (автоматический)

    Ключевые особенности:
    Параллакс-анимации — плавные скролл-эффекты для immersion
    Адаптивный дизайн — от мобильных устройств до десктопов
    Интерактивные формы — бронирование с валидацией
    Оптимизированная производительность — быстрая загрузка
    Семантическая верстка — SEO-дружественная структура
    Что реализовано:
    Hero-секция с параллакс-эффектом
    Галерея направлений (суперкары, яхты, виллы, отели)
    Форма персонализированного бронирования
    Информационные блоки о компании
    Адаптивное меню и навигация

    Результат:
    Лендинг с конверсией в заявки
    Высокие показатели Lighthouse (>90 по производительности)
    Полная кроссбраузерная совместимость
    Чистая кодовая база для масштабирования

    #React #Vite #GSAP #Frontend #Лендинг #Анимации #Туризм #Luxury
  • Ролио — Фуллстек-интернет-магазин

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

    Управление состоянием приложения

    Глобальный стейт корзины (добавление/удаление/изменение кол-ва)
    Управление модальными окнами, фильтрами, состоянием UI
    Оптимизированные ререндеры через Redux Toolkit
    Сложные анимации интерфейса
    Анимации добавления в корзину (GSAP)
    Плавные переходы между страницами
    Параллакс-эффекты и hover-анимации
    Анимированные модальные окна

    Профессиональный UX
    Модальные окна с правильной фокусировкой (accessibility)
    Адаптивные слайдеры товаров (Swiper)
    Скелетоны загрузки (react-content-loader)
    Плавный скролл (Lenis)
    Валидация форм (React Hook Form)

    Архитектура проекта
    Чёткое разделение: компоненты, хуки, store, типы
    Кастомные хуки для повторяющейся логики
    TypeScript интерфейсы для данных и пропсов
  • Next Pizza — Fullstack SaaS для заказа пиццы (Next.js 16 + Prism

    Веб-программирование
    Next Pizza — это fullstack-приложение для заказа пиццы с полным циклом: выбор пиццы, оформление заказа, онлайн-оплата, история заказов и админ-панель. Проект демонстрирует все аспекты современной веб-разработки от UX до DevOps.

    Backend & Data Layer:
    • Next.js 16 (App Router, Server Actions, Turbopack)
    • Prisma ORM + PostgreSQL (типизированная БД)
    • NextAuth v4 (авторизация, сессии)
    • Zod (валидация схем)

    Платежи и коммерция:
    • Stripe (онлайн-платежи, подписки)
    • Resend + React Email (транзакционные письма)
    • SendGrid (email-рассылки)

    Frontend & UI/UX:
    • Tailwind CSS + Radix UI (доступные компоненты)
    • React Hook Form + Zod Resolvers (формы)
    • React Hot Toast (уведомления)
    • Zustand (глобальный стейт)
    • MapLibre GL (интерактивные карты)

    Инфраструктура:
    • TypeScript (полная типизация)
    • Prisma Seed (seed-данные)
    • Next.js Top Loader (индикация загрузки)

    Полный e-commerce цикл

    От выбора товара до доставки
    Интеграция с реальными платежными системами
    Транзакционные email (заказ, доставка, отмена)
    История заказов в личном кабинете

    Промышленная архитектура

    Clean Architecture: Prisma (data) → Services → API Routes → UI
    Типизированные Server Actions
    Безопасность: хеширование паролей (bcrypt), CSRF-токены

    Профессиональный UX

    Адаптивные модальные окны (Radix Dialog, Vaul)
    Валидация форм по схеме (Zod + React Hook Form)
    Интерактивные карты доставки (MapLibre)
    Skeleton loading states
    DevOps и инфраструктура
    Автоматический деплой на Vercel
    Миграции базы данных через Prisma
    Seed-скрипты для тестовых данных
    Environment-конфигурация
  • StreamVibe — Статический лендинг стримингового сервиса Minista

    Веб-программирование
    StreamVibe — современный промо-сайт для стримингового сервиса. Цель — презентация платформы с акцентом на кроссплатформенность и удобство использования. Проект создан с использованием статического генератора Minista, что обеспечивает высокую производительность и SEO-дружественность.

    Основной стек:
    • Minista 3.x (статический генератор на React)
    • React 18 (функциональные компоненты, хуки)
    • Sass/SCSS (препроцессор для стилей)
    • PostCSS + pxtorem (автоматическое преобразование в rem)

    Дополнительные библиотеки:
    • Lenis (плавный скролл)
    • Swiper (слайдеры и карусели)
    • IMask (маски для форм ввода)
    • Classnames (условные классы)
    • CSS Normalize (сброс стилей)

    Ключевые особенности

    Статическая генерация — Высокая скорость загрузки и SEO-оптимизация благодаря Minista

    Адаптивные слайдеры — Карусели устройств и контента на Swiper
    Pixel-perfect верстка — Точное соответствие макету с автоматическим rem
    Производительность — Оптимизированные изображения и минимальный бандл

Активность

  Последние ставки 5
React Frontend-разработчик для переделки действующего сайта (оптовый заказ)
8868 UAH
Сайт для адвоката
27 000 UAH
Сайт Люкс импорт
10 000 UAH
Стилизовать карточки товара
1200 UAH
Верстка макета сайта
15 000 UAH