Illustration Bank

A standalone desktop application for AI-powered illustration management and generation using Google's Gemini API.

Features

• 🎨 AI Image Generation: Generate high-quality illustrations using Google Gemini API
• 🖼️ Illustration Management: Organize and manage your illustration collection
• 🏷️ Smart Tagging: Automatic categorization and tagging system
• 🎯 Style Tuning: Create custom style models using Google Cloud Imagen
• 💾 Persistent Storage: All data saved locally in the app's data directory
• 🌙 Dark Mode: Toggle between light and dark themes
• 📤 Export/Import: Backup and restore your illustration data

Storage Information

Sample Illustrations

• Location: src/data/sampleIllustrations.ts
• How to add: Edit the file and add new illustration objects to the array
• Format: Each illustration needs: id, title, imageUrl, category, style, tags, createdAt

Generated Illustrations

• Current Storage: React state (memory only)
• Persistence: Not saved to disk - lost on page refresh
• Future Enhancement: Could be saved to localStorage, database, or cloud storage

Adding New Sample Illustrations

Edit src/data/sampleIllustrations.ts and add entries like this:

{
  id: 'unique-id',
  title: 'Your Illustration Title',
  imageUrl: 'https://your-image-url.com/image.jpg',
  category: 'fantasy', // or 'nature', 'abstract', etc.
  style: 'digital painting', // or 'watercolor', 'minimalist', etc.
  tags: ['tag1', 'tag2', 'tag3'],
  createdAt: new Date('2024-01-01'),
}

Setup

1. Get a Gemini API key from Google AI Studio
2. Click the Settings button in the sidebar
3. Enter your API key and select a model
4. Start generating illustrations!

Usage

• Gallery: Browse, search, and filter your illustration collection
• Generate: Create new illustrations with AI using prompts and style references
• Upload: (Coming soon) Upload your own illustrations to the bank
• Settings: Configure your Gemini API key and preferences

Tech Stack

• React 18 with TypeScript
• Tailwind CSS for styling
• Lucide React for icons
• Google Gemini API for AI generation
• Vite for development and building