Proyecto Cloud · AWS + React · Lima, Perú

Encuentra tu
estilo.

Sube una foto de tu ropa y StyleMatch usa AWS Rekognition para detectar la prenda y mostrarte dónde comprarla en Lima.

Abrir app → Ver en GitHub Cómo funciona
Flujo de la app

Del upload al
resultado en segundos

Cuatro pasos serverless convierten una foto de ropa en una lista de tiendas donde conseguirla en Lima.

01
📸
Upload

El usuario arrastra o selecciona una foto. El frontend la convierte a base64 y la manda al endpoint.

02
☁️
S3 + Rekognition

Lambda guarda la imagen en S3 y llama a Rekognition para detectar etiquetas: prenda, color, estilo.

03
🔍
SerpAPI

Se construye una query con la prenda detectada y "Lima Peru". SerpAPI busca resultados en Google Shopping.

04
🏪
Resultados

El frontend muestra tiendas con precios, sedes en Lima (Jockey Plaza, Mall del Sur…) y filtros físico/online.

Interfaz

Dos mundos,
un solo propósito

Landing dividida entre el modo hombre y el modo mujer, cada uno con su propia paleta, tipografía y personalidad.

stylematch · landing
Tu estilo.
Tu ciudad.

Escanea tu ropa y encuentra dónde comprarla en Lima.

ARRASTRA TU FOTO AQUÍ
Escanear prenda
StyleMatch
Tu estilo.
Tu ciudad.

Escanea tu ropa y encuentra dónde comprarla en Lima.

ARRASTRA TU FOTO AQUÍ
Escanear prenda
stylematch · resultados
🧥
Chaqueta de cuero
S/ 180 – S/ 450 estimado
Jacket Leather Casual Outerwear Fashion
Falabella
Jockey Plaza · San Isidro
S/ 249.90 Ver →
Ripley
Mall del Sur · Online
S/ 199.00 Ver →
Zara
Larcomar · Miraflores
S/ 389.00 Ver →

Arquitectura
serverless en AWS

Todo desplegado con Terraform en la región us-east-1. Sin servidores que administrar, sin costos fijos — 100 % free tier.

🌐 Frontend Vercel + React
🔀 API Gateway REST · CORS
λ Lambda Python 3.11
👁️ Rekognition Visión por IA

🪣 S3 Lifecycle 7 días
🛒 SerpAPI Google Shopping
Tecnologías

Stack completo
explicado

☁️
AWS Backend
  • Lambda Python 3.11 · 512 MB · 30 s timeout
  • API Gateway REST con CORS manual
  • Rekognition detect_labels
  • S3 con lifecycle de 7 días
  • CloudWatch Logs · 14 días retención
  • IAM con least privilege
⚛️
Frontend
  • React 18 · Vercel
  • Cormorant Garamond · Montserrat · Courier Prime
  • Animaciones CSS puras (float, shimmer, fadeUp)
  • Tema dual: hombre/mujer con paletas distintas
  • Drag & drop de imágenes
  • Modal de contacto + loading steps
🏗️
Infraestructura
  • Terraform — IaC completo
  • random_id para nombres únicos globales
  • archive_file para auto-zip del Lambda
  • SerpAPI Google Shopping (Lima Peru query)
  • Secrets en terraform.tfvars (fuera de git)
  • 100 % AWS Free Tier
Destacados

Lo que hace
diferente este proyecto

🇵🇪
Foco local: Lima

Las tiendas incluyen sedes reales — Jockey Plaza, Mall del Sur, Larcomar — con precios en soles.

🎨
UI de doble personalidad

Modo hombre con estética dark & dorada, modo mujer con blush & rosa. Misma app, dos experiencias.

🤖
IA real, no simulada

AWS Rekognition detecta prenda, color y estilo desde la foto. Sin modelos entrenados por mí — AWS hace el trabajo pesado.

Serverless de verdad

Zero servidores, zero mantenimiento. API Gateway + Lambda escalan solos. Costo mensual real: S/ 0.

🏗️
IaC con Terraform

Toda la infraestructura en código. Un solo `terraform apply` levanta el backend completo desde cero.

🛡️
Buenas prácticas cloud

IAM least privilege, secrets fuera de git, lifecycle en S3, logs en CloudWatch, CORS bien configurado.