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.
- Node.js
- NPM
- TailwindCSS
- MongoDB
- Cloudinary account and API keys
- Open AI API key
- Clone the repository to your local machine:
git clone https://github.com/RaghavVerma24/Imaginate
- Install dependencies for both the frontend and backend:
cd client
npm install
cd ../server
npm install
- 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>
- Start the backend server:
cd server
npm start
- Start the frontend:
cd client
npm run dev
- Change Server endpoint url:
https://imaginate.onrender.com/api/v1/post" // Make all instances: "https://<projectname>.onrender.com/api/v1/post"
- Navigate to the creationg page.
- Enter a description of the image you want to generate and your name.
- Click the "Generate" button.
- Post it to the community.