Skip to content

Latest commit

 

History

3 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

AI Image Studio

Overview

A modern web application that generates high-quality images using OpenAI's DALL-E 3 API. Built with React and styled with Tailwind CSS, this application allows users to create custom images from text prompts and interact with an AI chatbot.

Features

  • Text-to-image generation with DALL-E 3
  • Multiple image size options (square, landscape, portrait)
  • Interactive AI chatbot
  • Dark/light mode toggle
  • Responsive design for all devices
  • Image download functionality
  • Modern UI with animations and transitions

Technologies Used

  • React 18
  • React Router v6
  • OpenAI API
  • Tailwind CSS
  • Custom CSS animations

Getting Started

  1. Clone the repository
  2. Install dependencies: npm install
  3. Set up your environment variables in .env
  4. Run the development server: npm start

Environment Variables

Create a .env file with:

REACT_APP_OPENAI_API_KEY=your_api_key_here

Usage

  • Image Generator: Enter a descriptive prompt and click "Generate Image" to create AI-generated artwork
  • Chat: Interact with the AI assistant for help or conversation
  • Theme Toggle: Switch between light and dark modes using the toggle in the sidebar

Screenshots

  • Image Generator: Modern interface with prompt input and image display
  • Chat Interface: Real-time conversation with AI assistant
  • Responsive Design: Works on desktop, tablet, and mobile devices

License

MIT License

Author

Armand

About

Resources

Stars

0 stars

Watchers

1 watching

Forks

Releases

Packages

Contributors

Languages