Una aplicación web donde los usuarios suben fotos y datos de productos usados (como celulares), reciben una estimación de precio usando IA y completan el proceso de venta con pago y logística.

1. Idea del sistema (input para Claude)

“Build a web platform where users upload photos and details of used devices, get an AI-based price estimation, and complete a trade-in process including logistics and payment.”

2. Arquitectura (lo que debes generar con Claude + Draw.io)

Debe tener al menos tres capas bien definidas:

Frontend

React o Next.js
Formulario para subir imágenes y datos
Dashboard de estado del proceso

Backend (API Layer)

FastAPI o Node.js
Servicios:
- User Service
- Trade-in Service
- Pricing Service (ML)
- Order Management

Data & ML Layer

Modelo de computer vision para estimación de precio
Base de datos (PostgreSQL)
Almacenamiento de imágenes (S3 o Blob)

Integraciones externas (obligatorio)

Pasarela de pago (Stripe)
API de envíos (FedEx u otra)
Servicio de notificaciones (SendGrid)

Incluye flujos de datos claros entre componentes.

3. Prompt clave para Claude Generate a layered architecture diagram for a retail trade-in web application.

Include:
- Frontend (React-based UI)
- Backend services (API, business logic)
- Machine learning service for price estimation from images
- Database and object storage
- External integrations (payment gateway, shipping API, email service)

Show data flow between components and clearly separate layers.

Luego refina con prompts como:

Add authentication layer
Include async processing for image analysis
Improve scalability with a queue system

4. Desglose en tareas Phase 1: Setup & Architecture

Definición de requerimientos
Creación del diagrama
Setup de repositorio

Phase 2: Core Development

Desarrollo frontend
APIs backend
Integración base de datos
Autenticación

Phase 3: AI Integration

Entrenamiento o integración del modelo
API de inferencia
Conexión con backend

Phase 4: Integrations

Pagos
Envíos
Notificaciones

Phase 5: Testing & Deployment

Pruebas unitarias
Pruebas de integración
Despliegue en cloud

5. Gantt Chart

Debe incluir:

Dependencias claras entre tareas
Duraciones realistas
Ejecución en paralelo cuando aplique

Ejemplo:

Base de datos antes del backend
Backend antes de integrar ML
Testing después de integraciones

Angie Sarmiento

--

2