AI Image Generator

An innovative web application that harnesses the power of Proxy Based Proxy-DALL-E 3 to transform your text prompts into visually stunning, AI-generated images. Share your creations with a vibrant community of artists and enthusiasts.

🌟 Features

AI-Powered Image Generation: Use Proxy-DALL-E 3 model to turn your text descriptions into unique, high-quality images.
Community Showcase: Share your AI-generated masterpieces and explore an ever-growing gallery of community creations.
Intuitive UI: A clean, user-friendly interface built with React and styled with Tailwind CSS.
Quick Search: Easily find images by searching through prompts or artist names.
"Surprise Me" Option: Stuck for ideas? Let us generate a random prompt for you!

🚀 Tech Stack

Frontend

React: For building a dynamic and responsive user interface.
React Router: Enabling smooth, client-side navigation.
Tailwind CSS: Utility-first CSS framework for rapid UI development.
Fetch API: Making asynchronous requests to our backend.

Backend

Node.js & Express: Fast, unopinionated backend.
MongoDB & Mongoose: Flexible, schema-based solution for data modeling.
Cloudinary: Cloud-based image management.
dotenv: For secure environment variable management.

AI & External Services

Proxy-DALL-E 3 API: state-of-the-art image generation model.
Proxy Proxy-DALL-E API: A custom proxy to interface with service.

🛠️ Installation

Clone the repository:

git clone https://github.com/yourusername/ai-image-generator.git
cd ai-image-generator

Install dependencies:

# Frontend
cd frontend
npm install

# Backend
cd ../backend
npm install

Set up environment variables:

Create a .env file in the backend directory.

Add the following:

OPENAI_API_KEY=your_openai_api_key
PROXY_URL=your_proxy_url
MONGODB_URL=your_mongodb_url
CLOUDINARY_CLOUD_NAME=your_cloudinary_cloud_name
CLOUDINARY_API_KEY=your_cloudinary_api_key
CLOUDINARY_API_SECRET=your_cloudinary_api_secret

Run the application:

# Backend
npm start

# Frontend (in a new terminal)
cd ../frontend
npm run dev

Open http://localhost:3000 in your browser.

📸 How It Works

Generate an Image:
- Navigate to "Create Post".
- Enter your name and a descriptive prompt.
- Click "Generate Image" or try "Surprise Me" for a random prompt.
- Watch as Proxy-DALL-E brings your idea to life!
Share Your Creation:
- Happy with your image? Click "Share Post".
- Your artwork is uploaded to Cloudinary and added to our MongoDB database.
- It's now part of our community showcase!
Explore & Get Inspired:
- Visit the home page to see all community posts.
- Use the search bar to find specific themes or artists.
- Let the creativity of others spark your next idea!

🤝 Contributing

Contributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

Fork the Project
Create your Feature Branch (git checkout -b feature/AmazingFeature)
Commit your Changes (git commit -m 'Add some AmazingFeature')
Push to the Branch (git push origin feature/AmazingFeature)
Open a Pull Request

📜 License

Distributed under the MIT License. See LICENSE for more information.

🙏 Acknowledgements

Cloudinary for seamless image hosting.
MongoDB for flexible data storage.
React and Tailwind CSS for making frontend development a joy.

📞 Contact

FAHEEM MUSHTAQ - twitterhandle

Happy generating! 🎨🤖 Turn your words into art with our AI Image Generator.

Note: You should replace placeholders like yourusername, your_openai_api_key, and other personal or sensitive information with your actual details. Also, add your project logo and any screenshots that showcase your application's UI and generated images to make the README more visually appealing.

FaheemOnHub/ai-image-gen