Skip to content

Latest commit

 

History

History
165 lines (119 loc) · 3.31 KB

README.md

File metadata and controls

165 lines (119 loc) · 3.31 KB

WardrobeAI Demo

An AI-powered fashion recommendation system that demonstrates the integration of AWS Bedrock and Anthropic Claude for personalized style suggestions.

Project Status License

Demo

Overview

This demo showcases:

  • Real-time fashion recommendations using multiple AI models
  • Image-based clothing analysis
  • Interactive shopping experience
  • User preference learning
  • AWS Bedrock and Claude integration

Architecture

Architecture Overview

  • Frontend: React + TypeScript + Vite
  • Backend: Node.js + TypeScript microservices
  • AI Services: AWS Bedrock + Anthropic Claude

Quick Start

Prerequisites

  • Node.js 18+
  • AWS Account with Bedrock access
  • Anthropic API key
  • AWS CLI configured

Installation

  1. Clone the repository:
git clone https://github.com/aws-samples/generative-ai-ml-latam-samples.git
cd samples/wardrobe-ai
  1. Set up environment variables:
# Backend (.env)
ANTHROPIC_API_KEY=your_anthropic_api_key
AWS_REGION=your_aws_region
  1. Install dependencies and start:
# Backend
cd packages/backend
npm install
npm run dev

# Frontend
cd packages/frontend
npm install
npm run dev
  1. Add clothing images:
mkdir -p packages/backend/public/pictures
# Add your .jpeg images to the pictures directory

Features

  • 👕 AI-powered style analysis
  • 🛍️ Personalized recommendations
  • 🎯 Preference tracking
  • 🛒 Shopping cart integration
  • 🖼️ Image-based suggestions

API Endpoints

GET /api/startchat            # Initialize chat session
POST /api/bestItemHandler     # Handle favorite item selection
POST /api/chatResponseHandler # Process shopping cart updates

Project Structure

wardrobe-ai/
├── packages/
│   ├── frontend/          # React frontend
│   │   ├── src/
│   │   └── public/
│   └── backend/           # Node.js backend
│       ├── src/
│       │   └── microservices/
│       │       └── chatbot/
│       └── public/
│           └── pictures/  # Clothing images

Development

Backend

// Add new endpoint
@RequestHandler<HttpRequest>("METHOD:/path")
public async newHandler(request: HttpRequest): Promise<HttpResponse> {
    // Implementation
}

Frontend

cd packages/frontend
npm run dev

Configuration

AWS Setup

  1. Configure AWS CLI:
aws configure
  1. Enable Bedrock access in your AWS account

Environment Variables

ANTHROPIC_API_KEY=required
AWS_REGION=required
PORT=8082

Documentation

Security

See CONTRIBUTING for security notification procedures.

License

This project is licensed under the MIT-0 License. See the LICENSE file.

Contributing

See the Contributing Guide.

Related Resources