https://github.com/ratna-babu/ai-image-generator-basic
https://github.com/ratna-babu/ai-image-generator-basic
ai chatgpt-api image-generation-ai webapplication
Last synced: 3 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/ratna-babu/ai-image-generator-basic
- Owner: Ratna-Babu
- Created: 2024-12-04T15:09:00.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2025-01-29T15:01:12.000Z (5 months ago)
- Last Synced: 2025-01-29T16:21:42.521Z (5 months ago)
- Topics: ai, chatgpt-api, image-generation-ai, webapplication
- Language: CSS
- Homepage: https://ratna-babu.github.io/Ai-Image-Generator-Basic/
- Size: 229 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# AI Image Generator (ChatGPT API)
A web-based application that generates images using OpenAI's DALL-E API. The application features voice-to-text functionality and a modern user interface.
Website Preview : [View](https://ratna-babu.github.io/Ai-Image-Generator-Basic/index.html)
## Features
- Image generation using OpenAI's DALL-E API
- Voice-to-text input capability
- Real-time text input
- Loading animation while generating images
- Responsive design
- Navigation between Home, Generator, and Image Editor pages
## Technologies Used
- HTML5
- CSS3
- JavaScript
- jQuery
- Bootstrap 5.3.2
- OpenAI API
- Web Speech API
## Setup
1. Clone the repository
2. Navigate to the project directory
3. Add your OpenAI API key:
- Open `app.js`
- Replace `{YOUR API KEY}` with your actual OpenAI API key
4. Open `index.html` in a web browser or serve it using a local development server.
## Usage
1. **Text Input Method:**
- Type your image description in the text input field
- Click the arrow button (➢) to generate images
2. **Voice Input Method:**
- Click the "Record" button to start voice recording
- Speak your image description
- The text will appear in the input field automatically
- Click the arrow button to generate images