Ecosistema Quibox

Módulo de Gestión Publicitaria

Módulo de anuncios publicitarios para el ecosistema Quibox: modelo de datos, servicios web en NestJS y panel de administración en React con el CRUD completo, base para mostrar los anuncios a los clientes de la plataforma.

Desarrollador Full StackSep – Nov 2022Corporación Wolf S.A. · Quibox
Diagrama de arquitectura del módulo de gestión publicitaria de Quibox: el panel de administración en React envía el CRUD de anuncios por REST al backend NestJS con TypeORM, que los guarda en PostgreSQL y los expone a la plataforma web de clientes
Panel de administración con el listado de anuncios publicitarios: color, descripción, tipo, fecha y acciones de ver, editar y eliminar
Formulario de creación de anuncio publicitario con tipo, descripción, color, carga de imagen y fecha límite
Previsualización de un anuncio publicitario sobre el listado: banner verde con el texto del anuncio y su imagen
Modal de edición de un anuncio publicitario con descripción, color, imagen y fecha límite, sobre el listado de anuncios

Contexto

Dentro del mismo ecosistema Quibox, el administrador necesitaba publicar anuncios publicitarios que llegaran a los clientes desde la propia plataforma, sin depender del equipo de desarrollo para cada cambio. El módulo se planteó en dos partes: la administración de los anuncios en el panel del administrador (App-Admin) y su visualización en la plataforma de clientes (App-User). Fue el segundo encargo de mis prácticas preprofesionales, después de terminar el módulo de chat.

Solución

Construí, con la supervisión del tutor técnico, la parte de administración completa: las tablas del módulo en PostgreSQL, los servicios web en NestJS con TypeORM para crear, listar, actualizar y eliminar anuncios, y las interfaces del panel de administración en React con Tailwind CSS para gestionarlos. El backend expone los anuncios de forma que la plataforma de clientes pueda consumirlos y mostrar los vigentes. La visualización en App-User quedó fuera de lo entregado: el periodo de prácticas terminó antes de esa integración, y así lo dejé documentado en el informe final.

Resultado

El panel de administración quedó operativo con el CRUD completo de anuncios sobre el backend compartido de Quibox, listo para conectar la visualización en la plataforma de clientes. Con este módulo cerré mis prácticas preprofesionales en Corporación Wolf.

Funcionalidades clave

  • Modelo de datos y tablas en PostgreSQL para los anuncios publicitarios
  • Servicios web REST en NestJS con TypeORM: crear, listar, actualizar y eliminar anuncios
  • Interfaces del panel de administración (App-Admin) en React y Tailwind CSS para gestionar los anuncios
  • Backend preparado para exponer los anuncios vigentes a la plataforma de clientes
  • Alcance pendiente al cierre de las prácticas: visualización de los anuncios en App-User

Retos y soluciones

El reto fue integrar un módulo nuevo en un backend y un panel de administración que ya existían y estaban en uso, respetando sus convenciones de módulos, entidades y servicios para que el CRUD de anuncios se sintiera parte del sistema y no un añadido. También aprendí a delimitar y documentar el alcance real: el módulo no llegó a la visualización en la app de clientes por tiempo, y dejarlo explícito en el informe, con el backend ya preparado para esa integración, permite que otro desarrollador la complete sin rehacer nada.