Skip to content
View cdDuke's full-sized avatar

Block or report cdDuke

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Content in all repositories owned by your account will be closed.
Maximum 250 characters. Please don’t include any personal information such as legal names or email addresses. Markdown is supported. This note will only be visible to you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
cdDuke/README.md
cdDuke — frontend developer: animations, 3D/WebGL and Telegram bots

Portfolio Open to work Projects

Profile views

👋 Обо мне · 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.

Terminal: whoami

13 projects · 10 live demos · 3 Telegram bots · RU/EN · responsive

🧠 Что умею · 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

Skills

Frontend
TypeScript JavaScript React 19 Vite HTML5 CSS3

Motion & 3D
GSAP Three.js GLSL Motion Lenis Canvas 2D SVG

State & quality
Zustand dnd--kit i18n a11y Puppeteer

Bots & backend
Python aiogram 3 SQLAlchemy SQLite APScheduler aiohttp

AI
OpenAI API Tesseract OCR python--docx

Tools
Git GitHub Actions GitHub Pages Linux systemd

🚀 Проекты · Projects

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

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

Kadr

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

🏙 Kvartal

Сервис поиска квартир: фильтры синхронизируются с URL, SVG-карта города с метками цен, генератор планировок, ипотечный калькулятор, сравнение до трёх объектов.
React 19 TypeScript SVG URL state
▶ Демо · 📦 Код

SkyCast

🌦 SkyCast

Погода на реальном API Open-Meteo: поиск городов с автодополнением (debounce + AbortController), геолокация, почасовой график, прогноз на 7 дней, живой фон на Canvas — дождь, снег, молнии.
React 19 TypeScript REST API Canvas
▶ Демо · 📦 Код

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

Orbit

🪐 Orbit

Лендинг SaaS-платформы: 3D-глобус на Three.js с собственными GLSL-шейдерами и дугами запросов, «живая» bento-сетка, подсветка кода, тарифы. Тяжёлый 3D-модуль грузится лениво.
Three.js GLSL TypeScript GSAP
▶ Демо · 📦 Код

Nova Studio

Сайт digital-агентства: кастомный курсор, магнитные кнопки, горизонтальный скролл кейсов, бегущая строка, побуквенные появления и плавный скролл.
GSAP ScrollTrigger Lenis Vite
▶ Демо · 📦 Код

Savor

🍽 Savor

Ресторан высокой кухни: интро с DrawSVG, SplitText-анимации, меню с 3D-превью блюд (все блюда нарисованы кодом), таймлайн дегустации, бронирование столика со слотами.
GSAP SplitText DrawSVG TypeScript
▶ Демо · 📦 Код

Voyage

🧭 Voyage

Турагентство на React: пейзажи генерируются кодом, фильтры и сортировка с анимацией раскладки, избранное, карточка тура и бронирование с валидацией.
React 19 Motion TypeScript SVG
▶ Демо · 📦 Код

Pulse

💓 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
📦 Код

Pocket Lawyer

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

LoveIS

💘 LoveIS

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

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

Portfolio website

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

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

Snake eating my contribution graph

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

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

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

Pinned Loading

  1. kvartal-estate kvartal-estate Public

    Сервис поиска недвижимости — Real-estate catalogue — URL-synced filters, SVG city map with price pins, generated floor plans, mortgage calculator, compare.

    TypeScript

  2. nova-studio nova-studio Public

    Сайт креативного digital-агентства — Animated website for a creative digital agency — custom cursor, magnetic buttons, horizontal case-study scroll, marquee.

    CSS

  3. orbit-saas orbit-saas Public

    Лендинг SaaS edge-платформы с 3D-глобусом — SaaS landing page with a custom-shader Three.js globe, live bento grid, code panel with syntax highlighting and pricing.

    TypeScript

  4. servereye-bot servereye-bot Public

    Telegram-бот мониторинга серверов · Telegram bot for server monitoring: ping/HTTP/TCP, uptime, charts, alerts

    Python

  5. skycast-weather skycast-weather Public

    Погодное приложение с живым фоном — Weather app on the Open-Meteo API — city search combobox, geolocation, hourly chart, 7-day forecast, canvas rain/snow/lightning.

    TypeScript

  6. taskflow-kanban taskflow-kanban Public

    Канбан-приложение с drag & drop — Kanban app — drag & drop with mouse, touch and keyboard, task drawer with checklists, undo history, dark/light theme.

    TypeScript