UI-Asistente

El proyecto “Sistema de IA Generativa para la gestión de licitaciones públicas” se enmarca dentro del programa “Activa Startups” del Plan de Recuperación, Transformación y Resiliencia, cuyo propósito es fomentar la digitalización de las pymes a través de la implementación de soluciones innovadoras basadas en tecnologías emergentes. El objetivo del programa es mejorar la competitividad de las empresas mediante la adopción de herramientas avanzadas que faciliten la automatización y optimización de procesos críticos. En este contexto, Mottum Analytica propone una solución basada en un Modelo de Lenguaje (LLM) para abordar las necesidades específicas de CODEXCA en la gestión de su patrimonio documental y operativa interna. A continuación, se describe técnicamente la lógica e implementación de la solución.

Estructura del repositorio:

• public/: Archivos estáticos públicos, como imágenes y datos CSV.
• src/: Código fuente de la aplicación.
  • components/: Componentes React utilizados en la aplicación.
    • ChatInterface/: Esta carpeta contiene los componentes que se usan en la página de chatInterface.tsx
    • Pages/: Contiene las dos páginas de la aplicación; chatPage.tsx y uploadTdrPage.tsx
    • Sidebar/: Contiene los componentes que se utilizan en el sidebar y el sidebar.tsx que es uno de los componentes principales.
    • UploadTdr/: Funciones y componentes para la creación y manejo de TDR.
    • Pages/: En esta carpeta se encuentran mapView.tsx, la única página de la aplicación y el punto de entrada -> _app.tsx
• lib/: Archivo de utils para tailwind.

Guía de Uso

Lo primero a tener en cuenta es la variable de entorno para usar la url de el container en el que este desplegada la solución. Para ello, se debe crear un archivo .env en la raíz del proyecto con la siguiente estructura:

NEXT_PUBLIC_API_URL=sk-XXXXXXXXXXXXXXXXXXXXXXXX # Sustituir por la API key de OpenAI

Ejecución en local 💻

Prerrequisitos

Asegúrate de tener instalados previamente los siguientes componentes:

• Node.js v.22
• Docker (Si se hace el despliegue con esta herramienta)

A continuación, se muestra el despliegue tanto en local como en un contenedor Docker

Despliegue en local 🏠

1. Clonar el repositorio

   Primero, clona el repositorio y situate en el directorio clonado:

   git clone https://github.com/MottumData/UI-Asistente.git

2. Instalación de dependencias

   npm install

3. Ejecutar UI en local (develop)

   npm run dev

4. Ejecutar UI en local (production)

   npm run start

Despliegue con Docker 🐳

1. Clonar el repositorio

   Primero, clona el repositorio y situate en el directorio clonado:

   git clone https://github.com/MottumData/UI-Asistente.git

2. Crear imagen de Docker

   docker build -t ui-codexca .

3. Ejecutar contenedor Docker

   docker run -p 3000:3000 ui-codexca