The React Image Variation Generator project is built to provide users with a dynamic interface to generate and explore variations of images using OpenAI's image generation API. Developed with TypeScript and React for the frontend, and leveraging OpenAI's API for image generation and variation, this project aims to offer a seamless and interactive experience for users to experiment with image generation.
Interactive UI: A user-friendly interface for users to interact with the image generation functionality. Dynamic Image Variation: Integration with OpenAI's image generation API to produce a variety of image variations based on user input. Customization Options: Users can specify parameters and preferences for image generation, such as style, content, and other characteristics. Real-time Preview: Users can preview generated image variations in real-time and make adjustments as needed. Responsive Design: Ensuring a smooth and consistent experience across different devices and screen sizes. Technologies Used:
Frontend: TypeScript, React, CSS Backend: Node.js APIs: OpenAI's image generation API, Image Variation API
- Clone the repository to your local machine with the name react-dalle-clone from master branch of this repo.
- Navigate to the react-dalle-clone directory and install the required dependencies by running npm install.
- Obtain API key from OpenAI portal and update the .env file with your API keys.
- Start the backend server by running npm run start:backend.
- Start the frontend development server by running npm run start:frontend.
- Access the application through your web browser.
Using the surprise me utility to generate Random Images
Giving a random prompt and calling OpenAI Image generation API to create random images for the prompt
Uploading an image from the system and calling OpenAI image variation API to create random variations for the uploaded image
