|
GSAP (ScrollTrigger, SplitText, DrawSVG), Motion, Lenis, CSS-анимации, интро и скролл-сторителлинг — с уважением к |
Three.js и собственные GLSL-шейдеры, Canvas 2D (частицы, дождь, снег), процедурный SVG: пейзажи, блюда, фасады и планировки нарисованы кодом |
|
React 19 + TypeScript strict, Zustand, dnd-kit, состояние в URL, формы с валидацией, undo-история, тёмная тема без мигания |
REST (Open-Meteo), автодополнение с debounce и AbortController, пакетные запросы, скелетоны и понятные экраны ошибок |
|
aiogram 3, FSM-сценарии, middlewares, планировщик задач, SQLAlchemy + SQLite, админ-панели, рассылки, деплой через systemd |
OpenAI-совместимые API, промпты под предметную область, OCR (Tesseract), генерация DOCX и PDF |
|
Адаптив 390–1440 px, доступность (ARIA, клавиатура, скринридеры), i18n RU/EN, автопроверка в headless Chrome |
Vite, ленивая загрузка тяжёлых модулей, GitHub Actions → GitHub Pages, секреты только в |
Все веб-проекты открываются прямо в браузере — кнопка ▶ Демо. Код и подробный README — по ссылке 📦 Код.
🎬 КадрTelegram Mini App для покупки билетов в кино: нативные MainButton, BackButton, попапы, вибрация и CloudStorage, интерфейс сам подстраивается под тему Telegram, схема зала с VIP-диванами, QR-билет и бот на aiogram 3, который его принимает. |
🗂 TaskFlowКанбан-доски в духе Linear/Trello: drag & drop мышью, пальцем и с клавиатуры (с озвучкой для скринридеров), карточка задачи с чек-листом, отмена на 40 шагов, тёмная и светлая тема без мигания. |
🏙 KvartalСервис поиска квартир: фильтры синхронизируются с URL, SVG-карта города с метками цен, генератор планировок, ипотечный калькулятор, сравнение до трёх объектов. |
🌦 SkyCastПогода на реальном API Open-Meteo: поиск городов с автодополнением (debounce + AbortController), геолокация, почасовой график, прогноз на 7 дней, живой фон на Canvas — дождь, снег, молнии. |
🪐 OrbitЛендинг SaaS-платформы: 3D-глобус на Three.js с собственными GLSL-шейдерами и дугами запросов, «живая» bento-сетка, подсветка кода, тарифы. Тяжёлый 3D-модуль грузится лениво. |
Сайт digital-агентства: кастомный курсор, магнитные кнопки, горизонтальный скролл кейсов, бегущая строка, побуквенные появления и плавный скролл. |
🍽 SavorРесторан высокой кухни: интро с DrawSVG, SplitText-анимации, меню с 3D-превью блюд (все блюда нарисованы кодом), таймлайн дегустации, бронирование столика со слотами. |
🧭 VoyageТурагентство на React: пейзажи генерируются кодом, фильтры и сортировка с анимацией раскладки, избранное, карточка тура и бронирование с валидацией. |
💓 PulseЛендинг фитнес-приложения: телефон собран на CSS с живым интерфейсом, закреплённый скролл-сторителлинг, интерактивный генератор плана тренировок. |
Магазин specialty-кофе: фильтры по обжарке, карточки с наклоном, корзина с полётом товара, гид по завариванию с таймером, калькулятор подписки. |
|
Мониторинг серверов в Telegram: проверки ping/HTTP/TCP, uptime и статистика, графики, ежечасные отчёты, тревоги при падении, агент с CPU/RAM/диском, деплой через systemd. |
AI-юрист для России и Казахстана: ответы по законам выбранной страны, проверка PDF/DOCX/фото через OCR, претензии в DOCX/PDF, история обращений, админ-панель с рассылкой. |
💘 LoveISAI-помощник для пар: три варианта ответа на сообщение в нужном стиле, комплименты, свидания под бюджет, подарки своими руками, букеты и стихи. |
🌐 Сайт-портфолио · cdduke.github.io ↗
Все проекты на одной странице: фильтр по типу, живые демо, RU/EN. Одна HTML-страница без сборки.
HTML5 CSS3 JavaScript GitHub Pages
| 🌐 Сайт · Website | cdduke.github.io |
| 🐙 GitHub | @cdDuke |
cdDuke. · сделано с ⚡, TypeScript и Python













