Sistema de registro FastMCP

Este es un recomendador de moda basado en CLIP con MCP.

Estructura de carpetas

/project-root
│
├── /backend
│   ├── Dockerfile                # Backend Dockerfile
│   ├── /app
│   │   ├── main.py               # FastAPI app code
│   │   └── requirements.txt      # Python dependencies for the backend
│   └── .env                      # Environment variables (make sure to add this to .gitignore)
│
├── /frontend
│   ├── Dockerfile                # Frontend Dockerfile
│   ├── package.json              # Node.js dependencies (for React)
│   ├── package-lock.json         # Lock file for React dependencies
│   ├── /public
│   │   └── index.html            # HTML file for the frontend (React app is mounted here)
│   ├── /src
│   │   ├── App.js                # Main React component
│   │   └── index.js              # React entry point
│   ├── tailwind.config.js        # Tailwind CSS config
│   ├── postcss.config.js         # PostCSS config
│   └── .env                      # Frontend environment variables (add to .gitignore)
│
├── .gitignore                    # Git ignore file (include .env, node_modules, etc.)
├── docker-compose.yml            # Docker Compose configuration
└── README.md                     # Project documentation

Paso 1

Actualice el servicio mongo para agregar las mismas credenciales:

  mongo:
    image: mongo:latest
    ports:
      - "27017:27017"
    environment:
      MONGO_INITDB_ROOT_USERNAME: root
      MONGO_INITDB_ROOT_PASSWORD: example
    volumes:
      - mongo-data:/data/db

Nota: Dado que se utilizan variables de entorno en la aplicación FastAPI, la URL de Mongo debería verse así: MONGO_URL = "mongodb://root:example@mongo:27017"

Una vez que se esté ejecutando, abra el navegador y vaya a 👉 http://localhost:8081

Iniciar sesión con: Nombre de usuario: root / Contraseña: ejemplo (configuración temporal)

Paso 2

docker-compose up --build

Esto hará lo siguiente:

Iniciar el backend de FastAPI con recarga activa
Iniciar MongoDB
Iniciar Mongo Express (para la interfaz de usuario de la base de datos) (la interfaz no se creará automáticamente en este modo)

Paso 3

Acceda al frontend (aplicación React) en: http://localhost:3000
Acceda al backend (aplicación FastAPI) en: http://localhost:8000

📌 Consejos rápidos

Visita tu aplicación en: http://localhost:8000/docs

Ver la interfaz de usuario de MongoDB: http://localhost:8081 (use usuario: root, contraseña: ejemplo)

mongo-seed se ejecuta solo una vez al inicio para completar su colección de etiquetas.

📌 Componentes de muestra para la interfaz de usuario

Carga de imágenes
Botón de envío
Mostrar etiquetas de ropa + recomendaciones

FastMCP_RecSys

Integrations