Skip to content

ankitsimplegithub/AI-Image-Generator

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🎨 AI Image Generator using Gemini API

An AI-powered image generator built entirely with ReactJS, integrating the Google Gemini API to generate images from text prompts.

Image


🚀 Live Demo

🌐 Coming Soon (Deploy on Vercel / Netlify)


📌 Project Description

This project is a frontend-only web application that enables users to generate AI images using the Google Gemini API. Enter a descriptive text prompt (e.g., "Antique bike in Golden colour") and receive a unique AI-generated image instantly.

Image

It's lightweight, responsive, and requires only a valid Gemini API key to function.


🛠️ Tech Stack

⚛️ Frontend

  • React.js (Functional Components)
  • JavaScript (ES6+)
  • Tailwind CSS / Plain CSS
  • Axios / Fetch API

🔗 External API

  • Google Gemini API (Generative AI)

✅ Features

  • ✨ Generate high-quality AI images from natural language prompts
  • 📸 Display the generated image dynamically
  • ⏱️ Loading state for better UX during image generation
  • 🧹 Clear prompt and reset image button
  • 🔐 Uses .env for securely storing Gemini API Key

📁 Folder Structure

AI-Image-Generator/ ├── public/ │ └── index.html ├── src/ │ ├── components/ │ ├── App.js │ ├── index.js │ └── App.css ├── .env ├── package.json └── README.md

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors