Draw and share your Art with Atidraw 🎨✨

Atidraw is a web application that lets you draw something, and see what AI draws from it.

The application is running with server-side, authentication and AI is powered by Vercel AI Gateway.

🚀 Key Features

• undefinedIntuitive Drawing: User-friendly interface powered by signature_pad
• undefinedAI-Powered Enhancements:
  • Automatic alt text generation for accessibility & SEO
  • Generate an image of your drawing with Google Nanobanana
• undefinedGlobal Storage: Your creations are stored on the filesystem locally and on many Blob providers
• undefinedFlexible Authentication: Sign in with Google, GitHub, or stay anonymous (local)

🎥 See It in Action

https://github.com/Atinux/atidraw/assets/904724/85f79def-f633-40b7-97c2-3a8579e65af1

Ready to draw? Visit draw.nuxt.dev and share your best drawing!

🛠 Tech Stack

• Nuxt - The Intuitive Vue Framework
• Nuxt UI - Beautiful UI library with TailwindCSS
• Nuxt Auth Utils - Simplified Authentication
• NuxtHub Blob - To store drawing on Vercel Blob or Cloudflare R2 (fs locally for development)
• AI SDK - To run AI models on user’s drawing

🚀 Quick Start

1. Install dependencies with pnpm

   pnpm install
   

2. Set up your environment and fill the env variables

   cp .env.example .env
   

   If you don’t set the Google and GitHub credentials, anonymous sign-in will be enabled.
3. Create a Vercel AI Gateway API Key
4. Launch the dev server

   pnpm dev
   

Visit http://localhost:3000 and start drawing!

📝 License

Published under the MIT license.