msn2106 / AIImageGenerator

AI Image Generator Powered by DALL-E. Front-end deployed on gh-pages and Backend deployed on Render

AI Image Generator

Techs Used :-

1. ViteJS for developing front-end using ReactJS
2. Backend Developed using NodeJS and ExpressJS
3. Images are generated using OpenAI library
4. Images are uploaded and saved on Cloudinary
5. Data for the app is saved in Mongo DB Atlas
6. Backend is hosted using render & front-end is hosted using gh-pages

How to Use :-

1. Clone the project
2. Update your API keys in server.js env file
3. Go to client directory, build application using "npm run build"
4. Your content is ready in "client" > "dist" folder
5. Deploy as per you liking or run on localhost

Keys Needed :-

1. OPENAI_API_KEY='your_openai_api_key'
2. MONGODB_URL="your_mongodb_atlas_url"
3. CLOUDINARY_CLOUD_NAME="your_cloudinary_cloud_name"
4. CLOUDINARY_API_KEY="your_cloudinary_api_key"
5. CLOUDINARY_API_SECRET="your_cloudinary_api_secret"

Result Screenshots

1. Main Web Page Image

2. Mobile Friendly UI

3. Search functionality

4. Creating New Image based on Prompt and Sharing with Community