👋 Обо мне · About me

🎨 Frontend-разработчик: делаю интерфейсы, которые ощущаются живыми — анимации, 3D, плавный скролл ⚛️ Пишу на React + TypeScript, собираю на Vite, анимирую на GSAP и Three.js 🤖 Делаю Telegram-ботов на Python (aiogram 3) — от мониторинга серверов до AI-юриста 🧠 Подключаю AI: OpenAI-совместимые API, OCR, генерация документов 🌍 Каждый проект — адаптив под телефон и две языковые версии (RU / EN) 🎯 Открыт к работе в команде и фриланс-проектам 🇬🇧 Frontend developer building lively interfaces — animation, 3D/WebGL, React apps — and Python Telegram bots with AI features. Every project ships with a live demo, mobile layout and RU/EN. Open to full-time roles and freelance.

🧠 Что умею · What I do

🎬 Анимации и моушн GSAP (ScrollTrigger, SplitText, DrawSVG), Motion, Lenis, CSS-анимации, интро и скролл-сторителлинг — с уважением к prefers-reduced-motion	🪐 3D и графика Three.js и собственные GLSL-шейдеры, Canvas 2D (частицы, дождь, снег), процедурный SVG: пейзажи, блюда, фасады и планировки нарисованы кодом
⚛️ React-приложения React 19 + TypeScript strict, Zustand, dnd-kit, состояние в URL, формы с валидацией, undo-история, тёмная тема без мигания	🔌 Работа с API REST (Open-Meteo), автодополнение с debounce и AbortController, пакетные запросы, скелетоны и понятные экраны ошибок
🤖 Telegram-боты aiogram 3, FSM-сценарии, middlewares, планировщик задач, SQLAlchemy + SQLite, админ-панели, рассылки, деплой через systemd	🧠 AI-интеграции OpenAI-совместимые API, промпты под предметную область, OCR (Tesseract), генерация DOCX и PDF
♿ Качество Адаптив 390–1440 px, доступность (ARIA, клавиатура, скринридеры), i18n RU/EN, автопроверка в headless Chrome	🚀 Сборка и деплой Vite, ленивая загрузка тяжёлых модулей, GitHub Actions → GitHub Pages, секреты только в .env

🛠 Стек · Tech stack

Frontend

Motion & 3D

State & quality

Bots & backend

AI

Tools

🚀 Проекты · Projects

Все веб-проекты открываются прямо в браузере — кнопка ▶ Демо. Код и подробный README — по ссылке 📦 Код.

⚡ Веб-приложения

🎬 Кадр Telegram Mini App для покупки билетов в кино: нативные MainButton, BackButton, попапы, вибрация и CloudStorage, интерфейс сам подстраивается под тему Telegram, схема зала с VIP-диванами, QR-билет и бот на aiogram 3, который его принимает. Telegram Mini App React 19 TypeScript aiogram 3 ▶ Демо · 📦 Код	🗂 TaskFlow Канбан-доски в духе Linear/Trello: drag & drop мышью, пальцем и с клавиатуры (с озвучкой для скринридеров), карточка задачи с чек-листом, отмена на 40 шагов, тёмная и светлая тема без мигания. React 19 TypeScript Zustand dnd-kit ▶ Демо · 📦 Код
🏙 Kvartal Сервис поиска квартир: фильтры синхронизируются с URL, SVG-карта города с метками цен, генератор планировок, ипотечный калькулятор, сравнение до трёх объектов. React 19 TypeScript SVG URL state ▶ Демо · 📦 Код	🌦 SkyCast Погода на реальном API Open-Meteo: поиск городов с автодополнением (debounce + AbortController), геолокация, почасовой график, прогноз на 7 дней, живой фон на Canvas — дождь, снег, молнии. React 19 TypeScript REST API Canvas ▶ Демо · 📦 Код

🎨 Сайты и лендинги

🪐 Orbit Лендинг SaaS-платформы: 3D-глобус на Three.js с собственными GLSL-шейдерами и дугами запросов, «живая» bento-сетка, подсветка кода, тарифы. Тяжёлый 3D-модуль грузится лениво. Three.js GLSL TypeScript GSAP ▶ Демо · 📦 Код	✦ Nova Studio Сайт digital-агентства: кастомный курсор, магнитные кнопки, горизонтальный скролл кейсов, бегущая строка, побуквенные появления и плавный скролл. GSAP ScrollTrigger Lenis Vite ▶ Демо · 📦 Код
🍽 Savor Ресторан высокой кухни: интро с DrawSVG, SplitText-анимации, меню с 3D-превью блюд (все блюда нарисованы кодом), таймлайн дегустации, бронирование столика со слотами. GSAP SplitText DrawSVG TypeScript ▶ Демо · 📦 Код	🧭 Voyage Турагентство на React: пейзажи генерируются кодом, фильтры и сортировка с анимацией раскладки, избранное, карточка тура и бронирование с валидацией. React 19 Motion TypeScript SVG ▶ Демо · 📦 Код
💓 Pulse Лендинг фитнес-приложения: телефон собран на CSS с живым интерфейсом, закреплённый скролл-сторителлинг, интерактивный генератор плана тренировок. GSAP CSS TypeScript Lenis ▶ Демо · 📦 Код	☕ Luma Coffee Магазин specialty-кофе: фильтры по обжарке, карточки с наклоном, корзина с полётом товара, гид по завариванию с таймером, калькулятор подписки. GSAP JavaScript SVG Vite ▶ Демо · 📦 Код

🤖 Telegram-боты

🛡 ServerEye Мониторинг серверов в Telegram: проверки ping/HTTP/TCP, uptime и статистика, графики, ежечасные отчёты, тревоги при падении, агент с CPU/RAM/диском, деплой через systemd. Python aiogram 3 SQLAlchemy APScheduler 📦 Код

⚖️ Карманный Адвокат AI-юрист для России и Казахстана: ответы по законам выбранной страны, проверка PDF/DOCX/фото через OCR, претензии в DOCX/PDF, история обращений, админ-панель с рассылкой. Python aiogram 3 OpenAI API Tesseract 📦 Код

💘 LoveIS AI-помощник для пар: три варианта ответа на сообщение в нужном стиле, комплименты, свидания под бюджет, подарки своими руками, букеты и стихи. Python aiogram 3 OpenAI API SQLite 📦 Код

🌐 Сайт-портфолио · cdduke.github.io ↗

Все проекты на одной странице: фильтр по типу, живые демо, RU/EN. Одна HTML-страница без сборки.
_{HTML5 CSS3 JavaScript GitHub Pages}

🐍 Активность · Activity

📬 Связаться · Contact

🌐 Сайт · Website	cdduke.github.io
🐙 GitHub	@cdDuke

_{cdDuke. · сделано с ⚡, TypeScript и Python}