El frontend de Codepply está desarrollado con React 19, Vite y Tailwind CSS 4, lo que permite una experiencia rápida, fluida y optimizada desde el primer render. Está diseñado para facilitar el encuentro entre desarrolladores y recruiters a través de un sistema de registro, login, gestión de perfiles, publicación de ofertas y aplicación a proyectos en tiempo real. Utiliza herramientas modernas como: React Hook Form para formularios eficientes y accesibles Framer Motion para animaciones suaves que mejoran la experiencia del usuario React Router 7 para una navegación dinámica y clara Socket.IO para funciones en tiempo real como notificaciones e indicadores de presencia @stepperize/react para flujos multi-paso como el registro y la aplicación a ofertas El diseño es completamente responsive y tiene en cuenta diferentes roles de usuario (developers y recruiters), mostrando vistas personalizadas según permisos. Además, se han implementado filtros dinámicos, carga condicional y compresión de imágenes en cliente para mejorar el rendimiento.

Newsletter Sign Up JS FM es una solución al desafío de Frontend Mentor, donde desarrollé un formulario de suscripción por email con validación personalizada, feedback visual y diseño adaptativo. El objetivo fue recrear una experiencia realista, centrada en accesibilidad y buena práctica de código GitHub +13 GitHub +13 GitHub +13 . 🧩 Características destacadas Validación con JavaScript vanilla, incluyendo regex para asegurarse del formato correcto del email y manejo de campos vacíos con mensajes claros GitHub +2 GitHub +2 GitHub +2 . Accesibilidad (A11y): estructura semántica con elementos <form>, <label>, role="alert" y aria-live="assertive" que mejora la experiencia para lectores de pantalla GitHub. Seguridad en manipulación del DOM: creación dinámica de elementos mediante document.createElement y append en lugar de innerHTML, previniendo posibles vulnerabilidades XSS GitHub . Uso de variables CSS y nesting para mantener estilos limpios y manejables: :root para definir colores y estructura jerárquica en hojas de estilo moderna GitHub . Flujo UX cuidado: tras enviar correctamente el formulario, se ajusta el foco al botón de cierre y se muestra mensaje con el email ingresado, cumpliendo con mejores prácticas de experiencia de usuario GitHub GitHub.

pt-suscription-frontend-2025 es una aplicación web desarrollada en React + TypeScript como solución a una prueba técnica. Implementa una experiencia de suscripción en cuatro pasos con validaciones, diseño responsive y navegación fluida entre pantallas, sin usar frameworks de CSS externos. 🔧 Tecnologías y enfoque React 19 + TypeScript: tipado estricto para mayor seguridad y mantenibilidad del código. Vite: para un entorno de desarrollo rápido y optimizado. React Hook Form: manejo avanzado de formularios con validaciones personalizadas. React Router: navegación fluida entre pasos. Diseño responsive desde cero, sin librerías externas de UI. ✨ Funcionalidad destacada Formulario en 4 pasos: email → código de verificación → plan → confirmación. Validaciones por paso, control de errores y feedback inmediato. Persistencia temporal de datos del formulario entre pasos. Animaciones sutiles para mejorar la experiencia del usuario. Preparado para consumo de APIs REST locales. 🎯 Qué demuestra este proyecto Capacidad de construir flujos multi-paso realistas sin dependencias pesadas. Uso profesional de TypeScript en entornos de producción. Atención al detalle, UX y estructura del código. Ideal para pruebas técnicas, MVPs o flujos de onboarding modernos.