Finalmente completé mi portafolio después de 3 semanas de autoaprendizaje y estoy muy satisfecho con el resultado; este portafolio no es solo una web sino el reflejo de todo lo que aprendí, revisé, luché e implementé durante este tiempo.
Lo que construí incluye una interfaz moderna basada en React, navegación fluida con React Router, una sección Sobre mí con animaciones al hacer scroll y un video, un formulario de contacto totalmente funcional, un backend serverless con Netlify Functions y envío de correo con Nodemailer y Gmail, además de un diseño limpio con Tailwind CSS y pequeños detalles UX significativos como estados de carga, mensajes y scroll suave.
En lugar de priorizar la cantidad prioricé hacerlo bien; revisé profundamente conceptos que ya conocía como el manejo de formularios con useState, la validación, la estructura por componentes, la configuración básica de React Router, el render condicional y la creación de una UI limpia con Tailwind, lo que me dio solidez y claridad.
También aprendí conceptos nuevos y avanzados gracias a documentación, experimentación y asistencia de herramientas como ChatGPT: uso de useLocation para comportamiento de rutas inteligente, animaciones basadas en scroll con Framer Motion, uso de useEffect para APIs del navegador, manejo de reproducción de video en fullscreen y audio bajo restricciones del navegador, implementación de backend serverless con Netlify Functions, uso de variables de entorno para seguridad, envío de correos con Nodemailer y comprensión de cómo el frontend comunica con APIs de backend.
El mayor aprendizaje vino del manejo del audio y del estado de pantalla completa en el video; lidiar con restricciones del navegador, comportamiento de silencio, estado de fullscreen y el timing de la interacción del usuario me dio mucha confianza y la certeza de que la próxima vez lo haré mejor y más rápido.
Este proyecto me dio más confianza, una mentalidad de resolución de problemas más desarrollada y una comprensión real de la interacción entre frontend y backend; además redujo mi temor ante conceptos avanzados. Si te interesa desarrollar soluciones profesionales para tu negocio, en Q2BSTUDIO ofrecemos servicios de desarrollo de aplicaciones a medida y inteligencia artificial para empresas, así como ciberseguridad, servicios cloud AWS y Azure, servicios de inteligencia de negocio, agentes IA y soluciones con Power BI.
Un consejo para quienes aprenden desarrollo web: no se apresuren, construyan con calma, entiendan en profundidad, pregunten, rompan cosas y arréglennlas; el progreso vale más que la perfección. Agradecería mucho que revises mi portafolio y me des tu feedback porque los comentarios ayudan a crecer y a mejorar en futuros proyectos.
.jpg)
.jpg)