AI ImageGen

AI ImageGen is an advanced image generation application that leverages multiple AI models to offer a diverse selection of image generation options. Users can choose from various models, input their desired prompts, and generate unique images based on their specifications. The application supports viewing, downloading, and deleting generated images.

Technologies Used

• React: For building the frontend of the application.
• Node.js: For the backend server implementation.
• Hugging Face: For integrating multiple image generation models.
• Ant Design: For the user interface design and components.

Features

• Multiple Models: Select from various AI image generation models.
• Prompt-Based Generation: Input prompts to generate images based on specific descriptions.
• Image Management: View, download, and delete generated images.

Getting Started

Prerequisites

• Node.js
• npm or yarn
• API keys for Hugging Face models

Installation

1. Clone the Repository

   git clone https://github.com/nuricanbrdmr/AiImageGen-AI-Image-Generator-Website.git
   cd AiImageGen-AI-Image-Generator-Website

2. Install Dependencies

   npm install

   or

   yarn install

3. Set Up Environment Variables

   Create a .env file in the root directory and add your Hugging Face API key:

   LIMEWIRE_API_KEY=your_limewire_api_key
   HUGGINGFACE_API_KEY=your_huggingface_api_key
   MODELSLAB_API_KEY=your_modelslab_api_key
   

4. Run the Application

   • Start the backend server:

     npm start

   • Start the frontend development server:

     npm run dev

   The application will be available at http://localhost:5173 (frontend) and http://localhost:3000 (backend).

Usage

1. Select a Model: Choose from the available image generation models.
2. Enter a Prompt: Provide a text prompt for the image generation.
3. Generate Image: Click the button to generate the image.
4. Manage Images: View, download, or delete the generated images.

Screenshot

Home Page

Models

My Artworks