Создавать, тестировать, улучшать

Полная разработка корпоративной веб-платформы для GM Microcementos, компании, специализирующейся на применении микроцемента. Профессиональный веб-сайт с 15 оптимизированными страницами, сосредоточенный на производительности, SEO и исключительном пользовательском опыте. Включает калькулятор бюджета, фильтруемую галерею проектов, продвинутые формы и минималистскую систему дизайна. Модульная архитектура со 100+ повторно используемыми компонентами и оптимизация Core Web Vitals.

Веб-платформа для Academia CEJ, академии специализирующейся на конкурсах в области юстиции в Малаге. Полностью адаптивный веб-сайт с блогом, виртуальным кампусом, системой тестирования знаний, системой регистрации и управлением курсов. Разработан на Next.js 14, React 18, Tailwind CSS, Framer Motion и Docker.

Разработка корпоративного сайта Dimap — современного приложения на базе Next.js 15, React 19, Redux Toolkit и TailwindCSS, ориентированного на высокую производительность и плавный пользовательский опыт. Проект включает страницы услуг, блог, корпоративные разделы и формы с отслеживанием лидов, построенные на модульной архитектуре с высоко оптимизированной загрузкой благодаря SSG, Lazy Loading и ClientLoader.

В этом проекте я работал с командой над созданием с нуля платформы, ориентированной на продажу качественных продуктов и поддержку местной торговли. Мы работали от концепции до практической реализации, создавая как бэкенд, так и фронтенд. Помимо различных технологий, были интегрированы JWT для управления учетными записями пользователей и входа в систему, дашборд для управления всеми данными... Такие функции, как вход через социальные сети, создание учетной записи как пользователя для покупки продуктов или как компании для их добавления, карты ближайшего места, где можно найти конкретный продукт, и многое другое. По соображениям конфиденциальности код не отображается.

DevCrate — это платформа для поиска ресурсов для разработки (инструментов, библиотек, ассетов, документации и челленджей). У вас бывало так, что вам нужен ресурс для проекта или просто вдохновение, и в итоге вы переходили по бесконечному количеству страниц? Именно поэтому я создал эту платформу: чтобы систематизировать и не терять ресурсы, которые я находил годами, и быстро находить их без зависимости от разрозненных закладок. В ней есть расширенный поиск, фильтры по тегам и админ-зона для управления всем контентом. Также поддерживаются предложения от сообщества, чтобы продолжать собирать полезные инструменты. Платформа создана на Next.js, React, TypeScript и MongoDB, с безопасной аутентификацией и современным интерфейсом на базе shadcn/ui.

Реконструкция официального hero-раздела Apple для AirPods Pro 2, с упором на освоение продвинутых анимаций с использованием GSAP и ScrollTrigger. Я реализовал последовательность из 65 изображений, рендеренных в Canvas и синхронизированных со скроллом, а также плавные переходы, динамичную навигацию и визуальные эффекты, вдохновлённые оригинальным опытом Apple. Проект, направленный на совершенствование высокопроизводительной веб-анимации.

Разработка PWA для распознавания объектов в реальном времени с использованием Angular 19 и TensorFlow.js. Включает настройку PWA, интеграцию TensorFlow.js для распознавания объектов, захват и обработку изображений в реальном времени, оптимизацию с помощью Web Workers и Lazy Loading, офлайн-хранение через IndexedDB и развертывание на мобильных устройствах.

Клон лэндинг пейдж Grand Theft Auto VI, созданный исключительно для образовательных целей и демонстрации навыков веб-разработки. Современный веб-сайт с адаптивным дизайном, оптимизированным для всех разрешений рабочего стола (1024px - 4K). Включает выпадающее меню с расширенными анимациями на GSAP, динамическую систему представления персонажей и локаций с изображениями, интерактивный раздел трейлеров с превью и раздел загрузок с анимированными карточками. Некоммерческий образовательный проект, разработанный на Astro, Tailwind CSS и JavaScript.

Учебный проект для изучения Three.js и TresJS с 3D-моделями. Интерактивное веб-приложение, позволяющее настраивать регулируемый стол (standing desk) с различными вариантами отделки и цветов. Включает 3D-вид с орбитальными элементами управления, 3D-модели ноутбука, наушников и декоративного растения. Настраивайте отделку стола и выбирайте цвета аксессуаров с предпросмотром в режиме реального времени. Разработан на Vue 3, TresJS (интеграция Three.js с Vue), TypeScript, Vite и UnoCSS.

Небольшой проект для практики работы со Strapi как CMS и бэкендом. Он разработан на React/Next.js, TypeScript и Tailwind CSS. Хотя в демо используются моковые данные, в коде реализована полноценная интеграция со Strapi для получения и управления контентом.

Проект чата в реальном времени с backend-архитектурой, ориентированной на продакшен. Использует Node.js + Express и Socket.IO для двусторонней коммуникации, с двумя режимами хранения: в памяти (mock) и опциональная персистентность через Supabase. Фронтенд (Vite) может работать в режиме demo или live, а решение построено послойно (configuration, HTTP, realtime, domain и storage) для лучшей поддержки, тестируемости и масштабируемости.

HTML5-реализация классической игры Super Mario Bros, созданная с помощью Phaser 3.55.2 для образовательных целей на основе работы Декапапи. Проект воссоздает опыт 2D-платформера с модульной архитектурой для анимации, блоков, структур, объектов, элементов управления игроком и HUD, а также дополнительных возможностей, таких как захват скриншотов с помощью html2canvas. Он поддерживает веб-развертывание и локальную разработку с помощью Vite, что упрощает тестирование и использование открытого исходного кода в рамках лицензии MIT.

Paint Win 95' воссоздает классический опыт Microsoft Paint с ретро-интерфейсом в стиле Windows 95 и современным поведением в вебе. В приложении есть инструменты рисования и выделения, палитра основных/дополнительных цветов, история отмены/повтора, рабочие уровни масштабирования, открытие локальных изображений, экспорт в PNG и поддержка ввода мышью, клавиатурой и сенсором/стилусом через Pointer Events.

Bookshop View Transitions — это демо на React + Vite, сосредоточенное на реализации плавных переходов между страницами с помощью API View Transitions, включая общие анимации между элементами (заголовок, обложка и навигация), чтобы добиться визуально непрерывной навигации.

Клон TikTok, созданный на React, TypeScript и Vite, спроектированный с mobile-first подходом. Включает вертикальную ленту с автопроигрыванием, навигацию Following/For You, интерактивные действия (лайк, комментарии, сохранения, поделиться), страницы Friends/Inbox/Profile и upload с публикацией в ленте. Работает на сервисной архитектуре (по умолчанию mock с персистентностью в localStorage) и оставляет Supabase готовым для реального backend-подключения.

Open-source проект по мотивам классического Breakout, реализованный на Astro с игровой логикой на TypeScript и Canvas. Включает выбор сложности прямо в canvas, настраиваемую и постепенно растущую скорость мяча, блоки с переменной прочностью и визуальными состояниями повреждения, управление с клавиатуры и перезапуск после Game Over.