AI Tattoo Designer: Project Reflection

Inspiration

I wanted to explore how AI could help people visualize custom tattoos on their own bodies. The goal was to combine creativity with realism and make tattoo design more accessible.

What It Does

The AI Tattoo Designer is a web-based tool that lets users generate realistic tattoo overlays using AI. Users upload a photo of their body and specify tattoo preferences such as style, theme, color mode, and placement. The backend sends this data to Google's Gemini model, which returns a tattoo design and description. The result is displayed in the browser, showing both the original photo and the AI-generated tattoo side-by-side.

What I Learned

  • Built a FastAPI backend to handle image uploads and form data.
  • Used Gemini's multimodal API to generate tattoo overlays.
  • Encoded images in base64 for display in HTML.
  • Managed CORS and static files for frontend integration.

How I Built It

  1. HTML form for user input and photo upload.
  2. FastAPI route that sends a prompt and image to Gemini.
  3. Extracted text and image from the response.
  4. Returned base64-encoded images to the frontend.

Challenges

  • Handling different image formats from Gemini.
  • Writing prompts that preserve the original photo.
  • Embedding and comparing images in the browser.
  • Managing slow responses and errors.
+ 3 more
Share this project:

Updates