Imaginate

This project is a MERN stack application that creates AI generated images using Open AI's API. The frontend is built with React and Tailwind CSS, and the backend is built with Node.js, Express.js, and MongoDB. The images generated by the AI are stored in Cloudinary.

Installation

Prerequisites

• Node.js
• NPM
• TailwindCSS
• MongoDB
• Cloudinary account and API keys
• Open AI API key

Steps

1. Clone the repository to your local machine:

   git clone https://github.com/RaghavVerma24/Imaginate
   

2. Install dependencies for both the frontend and backend:

   cd client
   npm install
   cd ../server
   npm install
   

3. Create a .env file in the backend directory and add the following:

   PORT=5000
   MONGODB_URI=<your-mongodb-cluster-name>
   CLOUDINARY_CLOUD_NAME=<your-cloudinary-cloud-name>
   CLOUDINARY_API_KEY=<your-cloudinary-api-key>
   CLOUDINARY_API_SECRET=<your-cloudinary-api-secret>
   OPENAI_API_KEY=<your-openai-api-key>
   

4. Start the backend server:

   cd server
   npm start
   

5. Start the frontend:

   cd client
   npm run dev
   

6. Change Server endpoint url:

   https://imaginate.onrender.com/api/v1/post" // Make all instances: "https://<projectname>.onrender.com/api/v1/post"
   

Usage

Creating an Image

1. Navigate to the creationg page.
2. Enter a description of the image you want to generate and your name.
3. Click the "Generate" button.
4. Post it to the community.