Дмитрий dmitriy9427

Сайт-резюме · Telegram @ryabov_29 · dimich.94@yandex.ru

👋 Обо мне

Frontend-разработчик. Делаю сайты университетов и медицинских центров — от адаптивной вёрстки и UI-китов до анимаций на GSAP и сцен на Three.js. Люблю, когда интерфейс не только красивый, но и надёжный: доступность, производительность, тесты и документация — часть работы.

🤖 AI: делаю интерфейсы для AI-ассистентов (чаты со стримингом ответов, RAG) и использую AI-инструменты в разработке
⚡ Пет-проекты — ниже, у каждого есть живое демо

🚀 Пет-проекты

🌸 Лепесток Цветочный магазин: видео сквозь буквы, шейдерные переходы, конструктор букета, тёмная тема. _{React 19 · TypeScript · GSAP · WebGL} Демо · Код	🧭 Тропа Планировщик путешествий: места по дням с перетаскиванием, карта маршрута, погода, ссылка «поделиться» без сервера. _{Next.js · TypeScript · Zustand · TanStack Query · MapLibre} Демо · Код
🌲 Квартал «Сосны» Сайт ЖК: 3D-квартал на three.js, каталог из 270 квартир с шахматкой, ипотечный калькулятор. _{Astro · TypeScript · three.js · GSAP} Демо · Код	🚀 ОРБИТА Космическое агентство: 3D-ракета летит по траектории на скролле и возвращается по кнопке «Пуск», все 16 плагинов GSAP, шесть слайдеров без библиотек, вода на GPU. _{GSAP · three.js · GLSL · Vite} Демо · Код
🧰 frontend-kit Мой шаблон для старта проектов: 36 модулей, формы, i18n, dev-панель, стартеры vanilla / React / Astro. _{Vite · React · Astro · TypeScript} Демо · Код	🔊 Резонанс Музыкальный визуализатор: три 3D-сцены на шейдерах слушают музыку, демо-трек синтезируется в браузере. _{React Three Fiber · GLSL · Web Audio · TypeScript} Демо · Код
🗂 Летучка Онлайн-ретро для команды: карточки, голоса, курсоры коллег и таймер в реальном времени. _{Nuxt · Vue 3 · Pinia · Supabase} Демо · Код	🌿 Мята Telegram Mini App для записи в студию: тема Telegram, родные кнопки, вибрация, записи в CloudStorage. _{React · TypeScript · Telegram Mini Apps · Zustand} Демо · Код
📱 Ритм Трекер привычек на React Native: один код для iOS, Android и веба. Свайпы и анимации в UI-потоке, серии, статистика, напоминания. _{React Native · Expo · Reanimated · Zustand} Демо · Код	🛒 Прилавок Админка магазина с реальным временем: свой WebSocket-клиент (переподключение, heartbeat, докачка событий), серверная таблица, 10 000 строк с виртуализацией. _{React · WebSocket · TanStack Router / Query / Table · shadcn/ui} Демо · Код
🧱 Опора Библиотека доступных React-компонентов с нуля, без Radix: диалог, меню, селект, вкладки, тосты. Стили в CSS-слоях, пакет с типами и проверками. _{React · TypeScript · WAI-ARIA · Storybook} Демо · Код	💰 Сальдо Учёт личных финансов: RTK Query с тегами и оптимистичными обновлениями, удаление с отменой на listener middleware, импорт банковской выписки, архитектура FSD. _{React · Redux Toolkit · RTK Query · Feature-Sliced Design · Recharts} Демо · Код
🔐 Пропуск Авторизация как в продукте: JWT + refresh-токен в HttpOnly-cookie с ротацией и обнаружением кражи, 2FA, passkeys, вход через провайдера по OAuth 2.0 + PKCE. _{React · TypeScript · Hono · WebAuthn · OAuth 2.0 / OIDC} Демо · Код	✨ 3D-конструктор Конструктор WebGL-анимаций: 40 эффектов настраиваются ползунками, код забирается модулем, React- или веб-компонентом. Море со сменой суток, огонь, переходы, курсоры, 3D; витрина — скролл-сцена на GSAP. _{WebGL2 · GLSL · three.js · GSAP · React · TypeScript} Демо · Код