geminicanvas-ai

GeminiCanvas AI is an AI-powered platform for generating stunning, high-quality thumbnails instantly using Google Gemini AI and smart prompt enhancement.

Comment

Inspiration

Content creators spend hours designing thumbnails that attract clicks and engagement. I wanted to build a platform that could generate professional and high-quality thumbnails instantly using AI. The idea for GeminiCanvas AI came from the growing need for fast, accessible, and creative content tools powered by Generative AI.

The project was built during Hack Days Patna, where I focused on combining AI image generation with a modern creator-focused workflow.

What it does

GeminiCanvas AI is an AI-powered thumbnail generation platform that allows users to:

  • Generate thumbnails from text prompts
  • Upload images and transform them into AI-enhanced thumbnails
  • Use AI prompt enhancement for better results
  • Download HD-quality thumbnails instantly
  • Save generation history
  • Use smart thumbnail templates for high CTR visuals

The platform is designed for YouTubers, creators, developers, and marketers who want fast and professional thumbnail generation.

How I built it

I built the frontend using:

  • React.js
  • Vite
  • Tailwind CSS
  • Zustand

The backend was built using:

  • Node.js
  • Express.js
  • MongoDB
  • JWT Authentication

For AI generation and processing, I integrated:

  • Google Gemini AI
  • OpenAI API
  • Cloudinary CDN

The application follows a full-stack workflow where prompts and images are processed on the backend, enhanced using AI, and then converted into visually optimized thumbnails.

Challenges I ran into

Some major challenges included:

  • Handling AI image generation responses efficiently
  • Managing authentication and protected routes
  • Optimizing image uploads and storage
  • Designing a smooth multi-step generation workflow
  • Improving prompt quality for better thumbnail outputs
  • Handling long AI generation response times

Accomplishments that I'm proud of

  • Successfully built a full-stack AI application during Hack Days Patna
  • Integrated multiple AI services together
  • Created a professional modern UI/UX
  • Added image-to-image generation support
  • Implemented prompt enhancement and history management
  • Built a scalable workflow for future creator tools

What I learned

Through this project, I learned:

  • Full-stack AI application architecture
  • AI prompt engineering
  • Image processing workflows
  • Cloudinary integration
  • MongoDB schema design
  • State management with Zustand
  • Handling asynchronous AI generation workflows

What's next for GeminiCanvas AI

Future plans include:

  • Video thumbnail generation
  • AI-powered thumbnail text suggestions
  • Team collaboration features
  • More advanced template systems
  • Creator analytics
  • Multi-language prompt support
  • Faster AI rendering pipeline

Built With

Share this project:

Updates

Submission history