Dmytro V.
Предложите Dmytro работу над вашим следующим проектом или зарегистрируйте профиль фрилансера и начинайте зарабатывать прямо сейчас.
Личное сообщение
Предложить работу
Львов,
Украина
2 часа 22 минуты назад
свободен для работы
3 Сейфа завершены
4 дня 1 час назад
3 заказчика
сделано 15 ставок
на сервисе 1 месяц 25 дней
Рейтинг
Уровень владения языками
Українська: носитель
Русский: носитель
English: выше среднего
Навыки и умения
Портфолио
-
Премиальный промо-сайт швейцарской часовой мануфактуры
Веб-программирование
Эксклюзивный интерактивный лендинг, разработанный в эстетике dark luxury и цифрового минимализма. Главная цель проекта - передать философию медленной ручной сборки часов через безупречный UX/UI, сложные многоэтапные скролл-анимации и уникальную процедурную SVG-графику, работающую в реальном времени.
Что реализовано:
- Процедурная генерация SVG-часов в реальном времени: Все циферблаты на сайте созданы исключительно с помощью кода (Vanilla JS + SVG), без использования каких-либо растровых изображений. Главные часы в Hero-блоке синхронизируются с локальным временем пользователя, плавно отрисовывая движение каждой стрелки.
… - Сложная интерактивная скролл-анимация (Exploded View): Секция с механизмом часов (Movement) использует закрепление экрана (pinning). Во время скролла пользователь буквально "разбирает" отрисованный в коде калибр часов на отдельные детали (шестерни, балансир, корпус), которые разлетаются по оси Y с появлением соответствующих подписей.
- Динамическое изменение цветовых тем (Theme Crossfade): Плавный переход между "темной" (Dark) и "светлой" (Paper) темами на лету во время прокрутки страницы. Реализовано через манипуляцию CSS-переменными с помощью ScrollTrigger для создания бесшовного визуального опыта.
- Премиальные микроинтеракции и кастомный курсор: Собственный алгоритм курсора с магнитным кольцом, которое плавно следует за мышью (используя математику lerp) и расширяется при наведении на активные зоны. Интерактивная кнопка-орбита в секции Commission также мягко притягивается к курсору, добавляя интерфейсу физической тяжести.
- Атмосферный эффект пленочного зерна (Film Grain): Кастомный анимированный эффект шума, созданный через SVG-фильтр (fractalNoise), который накладывается поверх всего сайта через mix-blend-mode для создания дорогой "аналоговой" текстуры без потери производительности (FPS).
- Тематический прелоадер и скролл-индикатор: Экран загрузки и фиксированный индикатор прогресса прокрутки страницы стилизованы под минималистичные циферблаты часов с динамическими стрелками.
- Математическая анимация движущихся частей: Программно сгенерированные шестерни (gear paths) и балансирная пружина, которые имеют зацикленные CSS/GSAP анимации вращения и колебания, имитируя настоящий механический движение (18,000 полуволн в час).
- Web Accessibility и оптимизация: Код написан на чистом Vanilla JS. Внедрена проверка prefers-reduced-motion: для пользователей, которые отключают анимации в системе, сайт автоматически отключает GSAP и показывает сразу разобранную схему часов, оставаясь полностью функциональным.
Технологии:
HTML5, CSS3 (Advanced CSS Variables), JavaScript (Vanilla ES6+, Procedural SVG Generation), GSAP (GreenSock), ScrollTrigger, SVG Filters/Animations.
-
Премиальное портфолио с 3D WebGL и скрамбл-анимацией
Веб-программирование
Премиальное интерактивное портфолио Full-Stack разработчика, реализованное в эстетике темного цифрового минимализма и вдохновленное сайтами-победителями Awwwards. Главная цель проекта - продемонстрировать высокий уровень владения сложной интерактивной анимацией, 3D-графикой в реальном времени и безупречным UX/UI.
Что реализовано:
- Интерактивная 3D WebGL-сцена: генеративная сфера с тысячами частиц в Hero-блоке, которая физически реагирует (отталкивается, изгибается и деформируется) на движения мыши или касания экрана.
… - Оптимизация ресурсов GPU/CPU: с помощью IntersectionObserver рендер-цикл Three.js полностью останавливается, как только Hero-блок исчезает с экрана, что экономит до 90% ресурсов устройства.
- Эффект цифрового скрамблинга (Text Scramble): кастомный алгоритм случайной замены символов, который эффектно анимирует текстовые заголовки при первом появлении, кликах на меню или скролле назад к началу страницы.
- Премиум прелоадер: брендированный экран загрузки с динамическим индикатором прогресса и эффектом физического раздвижения экрана по вертикали.
- Магнитные UI-элементы: интерактивные кнопки и пункты меню мягко притягиваются к курсору пользователя, добавляя интерфейсу тактильного ощущения физического объема.
- Кастомный курсор с магнитным эффектом: курсор плавно следует за мышью с легкой задержкой (lerp), изменяет размер при наведении на активные зоны и имеет встроенную оранжевую точку-фокус.
- Эффект неонового свечения в футере: финальный слоган при наведении мыши плавно перетекает из металлического градиента в насыщенный фирменный цвет с мягким неоновым свечением (glow).
- Брендированный SVG Favicon: кастомная геометрическая иконка-монограмма "DV" с оранжевым акцентом, встроенная непосредственно в код для сверхбыстрого загрузки.
- Полная кроссбраузерная стабильность: внедрено Critical CSS, инлайновые стили и синхронный рендер буфера, что полностью решает проблему белых вспышек (F5 flash) на Windows/ANGLE GPU-контекстах.
Технологии:
HTML5, CSS3 (Vanilla), JavaScript, Three.js (WebGL), GSAP (GreenSock), ScrollTrigger, Lenis (Smooth Scroll)
-
Иммерсивный люксовый лендинг для бренда селективной парфюмерии
Веб-программирование
Премиальный иммерсивный лендинг для вымышленного бренда селективной парфюмерии “NOIRE ATLAS”.
Проект реализован в стиле темного люксового минимализма, вдохновленного сайтами-победителями Awwwards. Главный акцент сделан на сложной интерактивной анимации, атмосферном визуале и эффекте плавного погружения (сторителлинг).
… Что реализовано:
- Брендированный прелоадер с процентным счетчиком и эффектом раздвижного экрана
- Кастомный интерактивный курсор, который изменяет размер и показывает подсказки при наведении на элементы
- Фоновая Canvas-анимация дыма в Hero-блоке, которая физически реагирует на движения мыши
- Горизонтальный скролл-слайдер для линейки ароматов с встроенным параллаксом изображений
- Генеративные Canvas-визуализации ольфакторных профилей (каждый аромат имеет собственную уникальную интерактивную фигуру)
- Магнитный эффект для кнопок (элементы мягко притягиваются к курсору при приближении)
- Полная адаптивность (на смартфонах горизонтальный скролл плавно переходит в вертикальную ленту)
- Оптимизированный код без лишних библиотек - весь интерфейс и логика работают из одного файла
Технологии: HTML5 Canvas, CSS (Vanilla), JavaScript, GSAP, ScrollTrigger
-
Motion — премиальный лендинг пейдж для SaaS-продукта
Веб-программирование
Motion - интерактивная SaaS лендинг-страница с анимациями и демонстрацией code-diff
Основной акцент сделан на интерактивности. Scroll-reveal анимации, fade-in эффекты и блок code-diff реализованы на чистом JavaScript.
… Что реализовано:
- Статическая структура HTML/CSS/JS без фреймворков
- Локальные шрифты, изображения, CSS, аудио и медиа
- Ребрендинг интерфейса под Motion
- Правки header/footer: логотип, типографика, ссылки
- Scroll-reveal и fade-in анимации
- Интерактивный блок code-diff
- Редактируемая правая панель кода
- Подсветка вставленного текста зеленым
- Синхронизация левой и правой частей diff
- Сохранение подсветки синтаксиса во время редактирования
- Адаптивная верстка
- Чистая папка для продакшена/деплоя
- Проверка зависимостей ассетов и отсутствие 404
Технические детали:
- HTML5, CSS3, vanilla JavaScript
- Без React, Next.js, Vue
- Без Webpack/Vite/esbuild
- Полностью статический сайт
- 100% локальные runtime-ассеты
- IntersectionObserver для reveal-анимаций
- Модуль на vanilla JS для взаимодействия с code-diff
Вызовы и решенные проблемы:
- Воспроизведение сложного UI без оригинального React/Next runtime
- Перенос интерактивной логики на vanilla JS
- Сохранение подсветки синтаксиса во время live editing
- Синхронизация diff-панелей
- Корректная работа opacity/transform в reveal-анимациях
- Локализация ассетов без CDN
- Подготовка чистого deploy-пакета
Результат:
Готовая автономная статическая лендинг-страница под брендом Motion, которая сохраняет визуальную сложность референса, работает без build-процесса и деплоится как обычный HTML/CSS/JS сайт.
Стек:
HTML5 · CSS3 · Vanilla JavaScript · IntersectionObserver · GitHub · Vercel
-
Лендинг Пейдж для AI-стартапа Neura (Next.js + Tailwind CSS)
Веб-программирование
Современная адаптивная лендинг-страница для AI/wearable стартапа Neura - компании, разрабатывающей нейрокомпьютерные устройства нового поколения.
Основная задача - создать премиальный, технологичный и эмоциональный интерфейс уровня Apple, который передает инновационность продукта, строит доверие и привлекает аудиторию инвесторов и ранних пользователей.
… В дизайне использован минималистичный подход с акцентом на большие типографические блоки, плавные анимации при прокрутке и контрастную черно-белую палитру с акцентным синим (#0071E3), что подчеркивает технологическую визию бренда.
Что реализовано:
- Адаптивный дизайн (mobile-first) с pixel-perfect версткой
- Компонентная архитектура на React 19 с серверными и клиентскими компонентами
- Hero-блок с анимированным изображением, blur-эффектами и stagger-анимациями текста
- Динамическая навигация с автоматической сменой темы (light/dark) в зависимости от секции
- Выпадающие панели навигации (Wearable, Neural, Search) с эффектом backdrop-blur
- Полнофункциональное мобильное меню с плавными анимациями открытия/закрытия
- Секция "Overview" с ротацией текста (AnimatePresence) - циклическая смена сообщений
- Секция "Mission" со структурированным отображением миссии, визии и амбиций компании
- Секция "Invisible Approach" с floating-анимацией устройства поверх большого заголовка
- Секция "Progress" - структурированные блоки с контентом о направлениях развития
- Секция "Scientific Evidence" - акцентный CTA-блок на синем фоне
- Кастомные hover-эффекты на всех интерактивных элементах (slide-up pill кнопки, arrow links с двойным SVG трюком)
- Sticky Logo кнопка - появляется при прокрутке для быстрого возвращения вверх
- Smooth scrolling через Lenis - нативный smooth scroll вместо браузерного
- Поддержка prefers-reduced-motion для доступности
- Оптимизированная структура кода для масштабирования
Стек: Next.js 16, React 19, TypeScript, Tailwind CSS 4, Framer Motion, Lenis, Geist Font
-
FinanceOS Bot - ИИ Телеграм-бот для личных финансов
Разработка ботов
Телеграм-бот для учета расходов и доходов с AI-аналитикой, распознаванием естественного языка и автоматическим парсингом банковских выписок (Python, aiogram 3, Groq LLaMA, Supabase).
Основная задача: Избавить пользователя от ручного ведения финансов - бот принимает сообщения в свободной форме, автоматически классифицирует транзакции, отслеживает бюджет и предоставляет AI-рекомендации на основе истории расходов.
… Что реализовано:
- Распознавание транзакций из естественного языка (определение намерений через LLaMA 3.3 70B) с автоматическим определением суммы, категории и типа операции
- Парсер сум из естественного языка - поддержка форматов «25к», «полмиллиона», «двадцать тысяч грн»
- Парсинг банковских CSV и PDF выписок с автоматическим занесением транзакций в базу
- Финансовые цели с дедлайном, отслеживанием прогресса и планом накоплений
- AI-финансовый советник - ответы на вопросы о расходах на основе контекста из базы (встраивания + семантический поиск)
- Еженедельный автоматический дайджест расходов (APScheduler, cron)
- Онбординг нового пользователя с FSM-состояниями
- Кастомное хранилище FSM Supabase для сохранения состояния диалога между перезапусками
Технологии: Python, aiogram 3, Groq API (LLaMA 3.3 70B / 3.1 8B), LangChain, Supabase (PostgreSQL), sentence-transformers, APScheduler, pydantic-settings, loguru, Railway
-
Полимаркет Инсайдер Торговый Детектор (Го, Телеграм Бот API)
Разработка ботов
Автономный сервис для выявления подозрительных трейдов на prediction-рынке Polymarket с автоматической доставкой алертов в Telegram (Go, Telegram Bot API, REST polling).
Основная задача: Мониторинг потока сделок на Polymarket в реальном времени, выявление паттернов, характерных для инсайдерской торговли (новые аккаунты, аномальные размеры ставок, низкоценовые входы перед резолюцией), и мгновенное уведомление оператора через Telegram с детализированным отчетом по каждой подозрительной сделке.
… Что реализовано:
- Rule-based scoring engine с 20 условиями (C1–C20): возраст аккаунта, размер ставки, цена входа, ликвидность рынка, скорость торговли, история win-rate на low-price бетах, девиация от базового поведения кошелька
- Нормализация бинарных SELL-сделок в BUY-эквивалент для корректного скоринга
- Обогащение данных: история кошелька (до 500 записей), proxy-wallet resolution, ликвидность рынка, дата закрытия - через Polymarket Data API и Gamma API
- Anti-smurf агрегатор: выявление разбитых на мелкие части ставок одного кошелька и синтез агрегированного трейда при превышении порога
- Compound-алерты координированной активности: кластеризация подозрительных сделок разных кошельков на одном рынке в течение 30 минут
- Post-resolution трекер: автоматическая проверка результатов рынков после закрытия, запись - WON/LOST/CANCELLED с подсчетом точности детектора
- Durable outbox для Telegram: персистентная очередь повторной доставки неотправленных алертов с retry-логикой
- Ежедневный дайджест с агрегированной статистикой алертов и точностью прогнозов; hot-reload конфигурации без остановки сервиса; health endpoint; graceful shutdown с корректным сохранением состояния
Технологии: Go 1.21, Polymarket Data API, Gamma API, Telegram Bot API, JSONL persistence, GOB serialization, concurrent worker pool, hot-reloadable .env config
-
Телеграм-бот онлайн-записи на маникюр (Python, aiogram 3)
Python
Телеграм-бот для автоматизации записи клиентов на маникюр с админ-панелью и системой напоминаний.
Основная задача: Заменить ручное ведение записей в мессенджере на полноценную систему бронирования с интерактивным интерфейсом - клиент самостоятельно выбирает услугу, дату и время, а мастер получает уведомления и управляет расписанием через админ-панель.
… Что реализовано:
- Полный FSM-флоу записи: выбор услуги → inline-календарь → выбор времени → ввод имени и телефона → подтверждение
- Админ-панель: управление рабочими днями, временными слотами, услугами и их ценами (CRUD)
- Inline-календарь с поддержкой навигации по месяцам, блокировкой прошлых и закрытых дат
- Автоматические напоминания клиентам за 24 часа и за 2 часа до визита (APScheduler)
- Мгновенные уведомления администратору о новых записях и отменах с возможностью действия прямо из сообщения
- Валидация телефона (regex, нормализация до +380XXXXXXXXX), защита от двойного бронирования (race condition на is_booked)
- CRUD-операции с услугами через админ-панель: добавление, изменение цены, удаление с автоматической транслитерацией ключей
- Обработка edge cases: блокировка повторной записи, уведомление клиента при отмене администратором, try/except для заблокированных ботов
Технологии: Python 3.11+, aiogram 3.25, Supabase (PostgreSQL), APScheduler, python-dotenv, FSM (Конечный автомат), Inline Keyboards, CallbackData factories
-
Лендинг для юридической компании (React + Tailwind)
Веб-программирование
Современная адаптивная целевая страница для юридической компании.
Основная задача - создать сдержанный, профессиональный и доверительный интерфейс, который подчеркивает экспертность и мотивирует пользователя записаться на консультацию.
… В дизайне использован минималистичный подход с акцентом на типографику, пространство и четкую структуру контента, что соответствует стилю юридической ниши.
Что реализовано:
- Адаптивный дизайн (mobile-first)
- Компонентная архитектура на React
- Hero-блок с сильным предложением и CTA
- Секции: проблема → решение → услуги → доверие → CTA
- Четкая структура для повышения конверсии
- Минималистичный и профессиональный UI
- Оптимизированная структура кода для масштабирования
Технологии:
React, Vite, Tailwind CSS, JavaScript
-
Премиум Лендинг Пейдж для ремонтной компании (React + Tailwind)
Веб-программирование
Современная премиум лендинг страница для компании по ремонту квартир.
Основная задача - создать стильный, минималистичный и "дорогой" интерфейс, который повышает доверие к компании и мотивирует оставить заявку.
… В дизайне использован clean UI подход с акцентом на типографику, пространство и четкую иерархию контента.
Что реализовано:
- Адаптивный дизайн (mobile-first)
- Компонентная архитектура на React
- Премиум Hero-блок с сильным оффером
- Секции: проблема → решение → процесс → портфолио → CTA
- Четкая структура лендинга для повышения конверсии
- Минималистичный UI без перегрузки
- Оптимизированная структура кода для масштабирования
Технологии:
React, Vite, Tailwind CSS, JavaScript
-
Лендинг Пейдж для онлайн школы английского (React + Tailwind)
Веб-программирование
Современная адаптивная лендинг-страница для онлайн школы английского языка.
Проект создан с фокусом на конверсию, чистый UI и удобство для пользователя. Основная задача - показать ценность курса и мотивировать пользователя начать обучение.
… Реализована структура классического продающего лендинга: Hero → проблема → решение → социальное доказательство → CTA.
Что реализовано:
- Адаптивный дизайн (mobile-first)
- Компонентная архитектура на React
- Hero-блок с четким предложением и CTA
- Секция проблем (pain points пользователя)
- Секция решения с объяснением подхода
- Социальное доказательство / доверие
- Призывы к действию (CTA)
- Чистая и масштабируемая структура кода
Технологии:
React, Vite, Tailwind CSS, JavaScript
-
Фронтенд интернет-магазина SweetBox (Vanilla JS)
Веб-программирование
Интерактивный фронтенд интернет-магазина “SweetBox” с каталогом товаров, страницей продукта и базовой логикой заказа.
Проект реализован без фреймворков (чистый HTML, CSS, JavaScript) с фокусом на понятную структуру, производительность и контроль над логикой.
… Что реализовано:
- Каталог товаров с динамическим отображением
- Фильтрация и поиск товаров
- Страница отдельного продукта
- Корзина с использованием localStorage
- Базовая логика оформления заказа
- Полноценная многостраничная структура (Главная, Продукт, Заказ, О нас, Контакты, 404)
- Повторно используемые компоненты (Хедер, Футер, модалки)
- Чистая структура кода с разделением логики (товары, корзина, фильтры)
Технологии:
HTML, CSS, JavaScript (Vanilla JS), localStorage
-
Реакт Лэндинг Пейдж для онлайн-программы МАРАФОН 30
Веб-программирование
Современный адаптивный лендинг для онлайн-программы “MARATHON 30”.
Проект реализован на React (Vite) с использованием Tailwind CSS. Основной фокус - чистый интерфейс, быстрое загрузка и удобство для пользователя на мобильных устройствах.
… Что реализовано:
- Полностью адаптивная верстка (mobile-first)
- Компонентная структура React
- Hero-блок с ключевым предложением
- Секции: проблема → решение → социальное доказательство → CTA
- Живой таймер обратного отсчета
- Оптимизированная структура кода для масштабирования
- Минималистичный UI без сторонних библиотек
Технологии:
React, Vite, Tailwind CSS, JavaScript
Отзывы и комплименты о выполненных проектах 3
19 июня
1500 UAH
Добавить баннер на сайт. На WP
Качество
Профессионализм
Стоимость
Контактность
Сроки
Задача выполнена быстро и качественно.
|
26 мая
17 965 UAH
Подключение Бекенда через API на фронт React
Качество
Профессионализм
Стоимость
Контактность
Сроки
Вся работа сделана
Исполнитель отличный, рекомендую
Обращаться буду почаще)
Качество
Профессионализм
Стоимость
Контактность
Сроки
Все супер! Лучше, чем ожидал! Оперативное выполнение, постоянная связь и помощь с вопросами.
Все супер!
Активность
| Проекты в работе 1 | Бюджет | Добавлена | Сроки | Ставка | |
|---|---|---|---|---|---|
|
Разработчик на next js
4000 UAH
|
| Последние ставки 10 | Бюджет | Добавлена | Сроки | Ставка | |
|---|---|---|---|---|---|
|
Лендинг для школы английского
13 500 UAH
|
|||||
|
Адаптивная вёрстка сайта с анимацией
36 019 UAH
|
|||||
|
Телеграмм бот
12 082 UAH
|
|||||
|
Сайт-визитка для Автосервиса
8000 UAH
|
|||||
|
Автоматическая публикация видео в социальные сети по расписанию
22 456 UAH
|
|||||
|
Бот по прийому/пошуку анкет
15 000 UAH
|
|||||
|
Разработка WebGL/Three.js сцены с генерацией и экспортом 3D (snapshot) из анимированного шейдера
21 747 UAH
|
|||||
|
Сигнальный бот с автоматизацией в Гугл таблицах
6000 UAH
|
|||||
|
Сделать сайт на WP, без конструктора
16 000 UAH
|
|||||
|
Фронтєнд для лаунчера
8000 UAH
|