Banagen

• 

  banagen - landing page

• 

  banagen - home page

Inspiration

As an IT professional, I've always been fascinated by the rapid evolution of generative AI. I wanted to build a platform that bridges the gap between complex AI models and everyday users, providing a fast, reliable, and user-friendly interface to turn ideas into stunning digital art.

What it does

BanaGen is an AI-powered platform that allows users to generate high-quality images from text prompts. By utilizing state-of-the-art models, it offers various styles, from realistic photography to anime and digital illustrations, all within a seamless web environment.

How I built it

I architected BanaGen with a dual-platform strategy:

• Frontend: Built with NuxtJS 2 for the core application to ensure a reactive and smooth user experience.
• Backend: Powered by NestJS to handle complex API integrations and credit management.
• CMS & SEO: I used WordPress for the landing page to leverage its powerful SEO capabilities and multilingual support.
• Storage: Cloudflare R2 is used for efficient and cost-effective image hosting.
• AI Engine: Integrated with Replicate and Nano Banana APIs to provide high-performance image generation.

Challenges I ran into

One of the biggest challenges was balancing the cost of high-quality AI APIs while maintaining a free tier for new users. I solved this by implementing a multi-tiered API strategy, optimizing the backend to switch between different providers based on user tiers.

What's next for BanaGen

I plan to integrate more specialized models, improve the multilingual localized experience, and build a community gallery where users can showcase and remix their AI creations.

Built With

• cloudflare-r2
• nano-banana-api
• nestjs
• nuxtjs-2
• postgresql
• replicate-api
• tailwind
• wordpress