SketchAI: Turn Your Sketches into Photorealistic Images

SketchAI is a web application that harnesses the power of generative AI to transform your simple sketches into stunning, photorealistic images. Whether you're an artist, a designer, or just someone with a creative idea, SketchAI provides an intuitive platform to bring your visual concepts to life.

Features

• Interactive Drawing Canvas: A simple and responsive canvas to draw your ideas.
• Drawing Tools:
  • Pen & Eraser: Switch between drawing and erasing with a single click.
  • Color Picker: Choose any color to draw with.
  • Adjustable Line Width: Control the thickness of your strokes.
  • Undo & Clear: Easily undo your last action or clear the entire canvas.
• AI-Powered Prompt Suggestion: Not sure how to describe your sketch? Let our AI analyze your drawing and suggest a descriptive prompt for you.
• AI Image Generation: Combines your sketch and a text prompt to generate a high-quality, photorealistic image.
• Download Image: Save your AI-generated masterpiece to your local device.

How to Use

1. Sketch: Use the drawing tools on the left panel to create a sketch on the canvas.
2. Prompt:
   • Write your own descriptive prompt in the text area.
   • Or, click "Suggest Prompt" to let the AI generate one for you based on your sketch.
3. Generate: Click the "Generate" button. The AI will process your sketch and prompt, and the final image will appear in the right panel.
4. Download: Once the image is generated, click the "Download" button to save it.

Tech Stack

This project is built with a modern, robust, and scalable technology stack:

• Framework: Next.js (with App Router)
• Language: TypeScript
• UI Library: React
• Styling: Tailwind CSS
• Component Library: ShadCN UI
• AI/Generative AI: Firebase Genkit with Google's Gemini models.
• Icons: Lucide React

Getting Started (for Developers)

To run this project locally, follow these steps:

1. Clone the repository:

   git clone <repository-url>
   cd <repository-directory>

2. Install dependencies:

   npm install

3. Set up environment variables:

   • Create a .env file in the root of the project.
   • You will need a GEMINI_API_KEY from Google AI Studio.

   GEMINI_API_KEY=your_google_api_key_here
   

4. Run the development server:

   npm run dev

The application will be available at http://localhost:9002.

---

Built by Aman Kumar.