Артем Лисюк
Рейтинг
Уровень владения языками
Резюме
**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
• Соблюдение дедлайнов и регулярная коммуникация
**Готов к проектам любой сложности — от лендингов до сложных веб-приложений.**
Навыки и умения
Программирование
-
HTML и CSS верстка
от 350 UAH за час
-
Javascript и Typescript
от 500 UAH за час
-
Десктопные приложения
от 10 000 UAH за проект
Услуги
-
Создание сайта под ключ
от 10 000 UAH за проект
-
Сопровождение сайтов
от 500 UAH за час
Портфолио
-
Люкс Трипс — Анимированный лендинг для люксовых путешествий
Веб-программирование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
|