A powerful SaaS platform for AI-powered image generation built with modern web technologies
Transform your ideas into stunning visual art with cutting-edge AI technology ⚡
_{Tech Stack: Vite, React, TypeScript, Tailwind CSS, shadcn-ui}

AI ImageGen Studio is a cutting-edge SaaS platform that leverages advanced AI technology to transform text descriptions into stunning visual artwork. Built with modern web technologies, it offers a seamless experience for creators, designers, and anyone looking to bring their imagination to life.

• 🤖 Advanced AI Integration - Powered by Google's Gemini 2.5 Flash Image Preview model
• 💳 Credit System - Flexible usage-based pricing with credit management
• 👥 Multi-User Platform - Separate interfaces for users and administrators
• 📱 Responsive Design - Flawless experience across all devices
• 🎨 Professional UI - Built with shadcn-ui for exceptional user experience

• AI-Powered Generation - Utilizes Google Gemini 2.5 Flash model
• Text-to-Image Conversion - Transform descriptions into high-quality images
• Instant Processing - Fast image generation with real-time progress
• High-Resolution Output - Generate crisp, detailed images

• Secure Authentication - Protected login and user sessions
• Credit System - Purchase and manage generation credits
• Generation History - Track all your created images
• User Settings - Customize your experience and preferences

• Dashboard Analytics - Comprehensive overview of platform usage
• User Management - Monitor and manage all registered users
• Income Tracking - Track revenue and credit purchases
• Platform Insights - Detailed analytics and reporting

• Flexible Pricing - Multiple tiers to suit different needs
• Credit Packages - Various credit bundles for all user types
• Transparent Billing - Clear pricing with no hidden costs

• Node.js (version 16 or higher)
• npm or yarn package manager

1. Clone the repository:

   git clone https://github.com/CodeWithTanim/AI-Image-Generator.git
   cd AI-Image-Generator

2. Install dependencies:

   npm install

3. Start the development server:

   npm run dev

4. Open your browser: Navigate to http://localhost:8080 to view the application.

• npm run dev - Starts the development server with auto-reloading
• npm run build - Builds the app for production
• npm run preview - Previews the production build locally

• Advanced Model Integration: Powered by Google's Gemini 2.5 Flash Image Preview model
• Seamless API Integration: Professional AI API integration
• Real-time Processing: Instant image generation with progress indicators
• High-Quality Output: Professional-grade image generation capabilities

• Flexible Credit Packages: Multiple tiers for different user needs
• Usage Tracking: Real-time credit balance monitoring
• Purchase History: Complete transaction records
• Fair Pricing: Cost-effective credit system

• Secure Authentication: Protected user accounts and sessions
• Profile Management: Personal settings and preferences
• Generation History: Complete record of all created images
• Credit Management: Track and purchase generation credits

• Platform Analytics: Comprehensive usage statistics and metrics
• User Management: Monitor and manage all user accounts
• Revenue Tracking: Detailed income and financial reports
• System Overview: Platform health and performance monitoring

Full Stack Developer & Cyber Security Enthusiast

Full Stack Developer & Cyber Security Enthusiast

We welcome contributions from the community! Here's how you can help:

• Check existing issues before creating new ones
• Provide detailed descriptions and steps to reproduce
• Include browser and device information

• Suggest new AI features or improvements
• Explain the use case and benefits
• Consider implementation complexity

1. Fork the repository
2. Create a feature branch (git checkout -b feature/AmazingFeature)
3. Commit your changes (git commit -m 'Add some AmazingFeature')
4. Push to the branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

This project is open source and available under the CC BY-ND (No Derivatives).

• Google AI - For the powerful Gemini image generation model
• Vite Team - For the fast build tooling
• React Team - For the incredible framework
• Tailwind CSS - For the utility-first CSS framework
• shadcn/ui - For the beautiful component library

• Model: Google Gemini 2.5 Flash Image Preview
• Professional API: Integrated with industry-standard AI services
• High Performance: Optimized for fast image generation

Need help or have questions?

• 📧 Email: [email protected]
• 🐛 Issues: GitHub Issues
• 💬 Discussions: GitHub Discussions