OUL: sistema web de trámites fiscales

OUL fue uno de los proyectos más importantes de mi etapa inicial como desarrollador. Llegué a él durante mi estancia técnica en YGU, cuando todavía estaba cerrando mi formación de licenciatura y buscaba una empresa donde hacer prácticas profesionales. Aunque mi entrada a YGU empezó por una vacante relacionada con diseño web, durante la entrevista revisaron mi perfil, mi portafolio y mi experiencia con React, y terminé entrando al área de desarrollo.

El proyecto se convirtió en una pieza central de esa estancia porque ya no era una práctica aislada ni una página informativa sencilla. OUL necesitaba digitalizar procesos legales y fiscales para que una persona pudiera iniciar trámites desde casa, llenar información sensible, adjuntar archivos y recibir documentos generados a partir de esos datos.

Desarrollo y reto técnico

Mi trabajo se centró en desarrollar formularios de trámites, integrarlos con Firebase y construir partes del flujo de autenticación y generación documental. Uno de los primeros retos fuertes fue el formulario de registro de marca, porque concentraba validaciones, archivos, datos personales y una estructura que después podía servir como referencia para otros trámites.

El reto técnico fue convertir procesos largos, normalmente manuales, en flujos digitales controlados. Los formularios debían enviar información a Firestore, guardar archivos en Firebase Storage y permitir la generación de documentos con formato, encabezado, pie de página y datos del cliente. También participé en el sistema de login y autenticación, una parte especialmente importante porque el proyecto manejaba información sensible.

Para mí fue el primer momento en el que sentí claramente que estaba trabajando en un sistema real. Ya conocía React, pero aquí tuve que entrar a Next.js, backend, base de datos, storage, autenticación y trabajo colaborativo dentro de un código existente. Una parte difícil fue integrar mi forma de trabajar, más ordenada y apoyada en componentes reutilizables, versionamiento, formato y buenas prácticas, con una base de proyecto que no siempre estaba estructurada de esa manera.

También fue un proyecto que me obligó a aprender bajo presión. Hubo momentos en los que el alcance se sentía grande para mi nivel de experiencia, así que tuve que resolver de noche, investigar, ajustar y apoyarme en lo que ya había aprendido sobre React, seguridad y estructura de aplicaciones. Ese esfuerzo hizo que lo recuerde con mucho aprecio: fue la primera vez que participé en algo de esta escala, con impacto operativo y responsabilidades técnicas reales.

Tecnologías utilizadas

1. Next.js 12
2. React
3. Firebase
4. Firestore
5. Firebase Storage
6. Firebase Auth
7. Formik y Yup
8. SendGrid
9. React PDF

Resultado

El resultado fue una plataforma que permitía iniciar trámites legales desde la web y centralizar información, archivos y documentos asociados al proceso. Para mi portafolio, OUL representa el paso de proyectos pequeños a producto web real: formularios complejos, Firebase, autenticación, generación documental, trabajo en equipo y documentación técnica ligada a mi estancia y tesis de licenciatura.