Este portafolio es un proyecto fullstack con React 19, renderizado en servidor mediante React Router 7, TypeScript y Tailwind CSS. Los módulos por funcionalidad y los datos de proyectos tipados mantienen organizados el contenido y los componentes de las páginas.
Aplicación y despliegue
- Rutas, contenido y metadatos en inglés y español con i18next
- Formularios de contacto validados con Zod y React Hook Form, con honeypot y limitación de solicitudes
- Envío de correo desde el servidor mediante Resend
- Cabeceras CSP con nonce y un endpoint /api/health
- Soporte de despliegue en Vercel, pruebas unitarias con Vitest y pruebas de navegador con Playwright
Desarrollé la interfaz y el flujo de contacto en el servidor, conectando la respuesta del formulario, la validación, el envío de correos, las cabeceras de seguridad y el despliegue. El proyecto incluye pruebas unitarias y de navegador para la aplicación completa.