qecuta3328

ai-photo-editor

Public

AI photo editor with Gemini multimodal AI

1 Branch 1 Remix

Val Town is a collaborative website to build and scale JavaScript apps.

Deploy APIs, crons, & store data – all from the browser, and deployed in milliseconds.

AI Photo Editor

Ứng dụng chỉnh sửa ảnh bằng AI sử dụng InstructPix2Pix trên Hugging Face — mô hình AI mã nguồn mở chuyên chỉnh sửa ảnh theo lệnh văn bản.

Cách hoạt động

InstructPix2Pix: Mô hình AI hiểu lệnh chỉnh sửa bằng văn bản và thao tác trực tiếp lên ảnh
Client-side API: Trình duyệt gọi thẳng Hugging Face API (server Val Town không kết nối được tới HF, nên API key được cung cấp qua /api/config)

Tính năng

📤 Tải ảnh lên (kéo thả hoặc chọn file)
✍️ Nhập lệnh chỉnh sửa bằng văn bản
🎨 AI hiểu và chỉnh sửa ảnh theo yêu cầu
🔄 Slider so sánh trước/sau
⬇️ Tải ảnh kết quả

Cấu hình

Biến môi trường

Key	Mô tả
`HF_API_KEY`	Hugging Face API token

👉 Add HF_API_KEY here: https://www.val.town/x/redagu2097/ai-photo-editor/environment-variables?key=HF_API_KEY

Lấy token miễn phí tại: https://huggingface.co/settings/tokens

Cấu trúc

index.ts                      # HTTP handler (Hono) + /api/config
frontend/
  index.html                  # HTML shell (Twind)
  index.tsx                   # React entry point
  components/
    App.tsx                   # Main app + HF API call (client-side)
    ImageUploader.tsx         # Drag & drop image upload + resize
    ResultViewer.tsx          # Before/after comparison slider

Code