Todos los proyectos

Explora algunos de los proyectos que he desarrollado

GM Microcementos Website

GM Microcementos Website

Desarrollo completo de plataforma web corporativa para GM Microcementos, empresa especializada en aplicación de microcemento. Website profesional con 15 páginas optimizadas, enfocado en performance, SEO y experiencia de usuario excepcional. Incluye calculadora de presupuestos, galería de proyectos filtrable, formularios avanzados y sistema de diseño minimalista. Arquitectura modular con 100+ componentes reutilizables y optimización para Core Web Vitals.

Academia CEJ Website

Academia CEJ Website

Plataforma web para Academia CEJ, academia especializada en oposiciones de justicia en Málaga. Website completamente responsive con blog, campus virtual, prueba de conocimientos, sistema de matriculación y gestión de cursos. Desarrollado con Next.js 14, React 18, Tailwind CSS, Framer Motion y Docker.

DIMAP Website

DIMAP Website

Desarrollo del sitio corporativo de Dimap, una aplicación moderna basada en Next.js 15, React 19, Redux Toolkit y TailwindCSS, enfocada en ofrecer un rendimiento óptimo y una experiencia fluida. El proyecto incluye páginas de servicios, blog, apartados corporativos y formularios con seguimiento de leads, todo construido sobre una arquitectura modular y una carga altamente optimizada mediante SSG, Lazy Loading y ClientLoader.

Agrooe Cashback

Agrooe Cashback

En esta web trabajé junto a un equipo para desarrollar de cero una plataforma comprometida con la venta de productos de calidad y el desarrollo del comercio local. Trabajamos desde cero con el concepto hasta la práctica creando tanto el back-end como el front-end. A parte de diferentes tecnologías se incorporaron integraciones como jwt para el control de cuentas de usuario e inicio de sesión, un dashboard para el control de todos los datos... Funcionalidades como poder iniciar sesión con diferentes redes sociales, creación de cuenta como usuario para comprar productos o como empresa para añadirlos, mapas del lugar más cercano donde se podría encontrar el producto en cuestión, entre otras cosas. Por motivos de confidencialidad no se muestra el código.

Clon AirPods Pro 2 Website

Clon AirPods Pro 2 Website

Recreación del hero oficial de Apple para los AirPods Pro 2, centrada en dominar animaciones avanzadas con GSAP y ScrollTrigger. Implementé una secuencia de 65 imágenes renderizadas en Canvas sincronizada con el scroll, junto a transiciones suaves, navegación dinámica y efectos visuales inspirados en la experiencia original de Apple. Un proyecto orientado a perfeccionar animación web de alto rendimiento con un enfoque fiel y fluido.

PWA de detección de objetos con Angular

PWA de detección de objetos con Angular

tensorflow
ionicons-v5_logos

Desarrollo de una PWA de detección de objetos en tiempo real con Angular 19 y TensorFlow.js. Incluye configuración de PWA, integración de TensorFlow.js para detección de objetos, captura y procesamiento de imágenes en vivo, optimización con Web Workers y Lazy Loading, almacenamiento offline con IndexedDB y despliegue en dispositivos móviles.

Clon Landing GTA VI

Clon Landing GTA VI

Landing page clon de Grand Theft Auto VI creado exclusivamente para fines educativos y demostración de habilidades de desarrollo web. Recomendable visualización de la demo en resolución desktop (4K). Incluye menú desplegable con animaciones avanzadas usando GSAP, sistema de visualización de personajes y lugares con imágenes dinámicas, sección de tráilers con previews interactivos y sección de descargas con cards animadas. Proyecto sin ánimo de lucro desarrollado con Astro, Tailwind CSS y JavaScript.

Configurador de Escritorio 3D

Configurador de Escritorio 3D

Proyecto de práctica para aprender Three.js y TresJS trabajando con modelos 3D. Aplicación web interactiva que permite personalizar un escritorio de pie (standing desk) con diferentes opciones de acabados y colores. Incluye vista 3D con controles de órbita, modelos 3D de laptop, auriculares y planta decorativa. Personaliza el acabado de la mesa y selecciona colores para accesorios con previsualización en tiempo real. Desarrollado con Vue 3, TresJS (integración de Three.js con Vue), TypeScript, Vite y UnoCSS.

Strapi Games Store

Strapi Games Store

Aplicación web diseñada para gestionar contenido relacionado con videojuegos utilizando Strapi como backend y CMS.

Realtime Chat

Realtime Chat

Aplicación de chat en tiempo real que utiliza Socket.IO para la comunicación en tiempo real y Supabase como base de datos.

Super Mario Bros 85'

Super Mario Bros 85'

PhaserIcon

Clon para fines educativos del mítico juego de Nintendo Super Mario Bros de 1985.

Paint Windows 95'

Paint Windows 95'

Aplicación Paint inspirada en la era de Windows 95.

Bookshop View Transitions Demo

Bookshop View Transitions Demo

Librería web para practicar view transitions.

Clon de Tiktok

Clon de Tiktok

Clon de la interfaz de Tiktok usando Vite y React con backend de Supabase.

Atari Breakout Game

Atari Breakout Game

Versión del legendario juego de Atari BreakOut con JavaScript.