AI Image Generating MERN App

DEMO

Screenshot

---

---

Tech Stack

For Frontend

• React
• Vite
• Tailwind CSS

For Backend

• NodeJs
• ExpressJs

Database

• MongoDB

Quick Start

Clone the repository

$ git clone https://github.com/abhi1506manu/AI-Image-generating-MERN-App.git

Fronted/Client

Install Dependencies for client

$ cd client
$ npm install

Backend/Server

Install Dependencies for server

$ cd backend
$ npm install

create a .env file and add the following:-

• create an account on MongoDB Atlas and get connecting Url
• Create an account on OpenAI and get your API Key
• Similarly create an account on Cloudinary and get your API key, Secret Key and cloud name

MongoDB_URL = 'mongodb+srv://username:password@cluster0.al2unni.mongodb.net/'
OPENAI_API_KEY='sk-jdjksaodsxssxnxsjsjxj'
CLOUDINARY_NAME ='cloud-name'
CLOUDINARY_API_KEY ='api'
CLOUDINARY_SECRET_KEY='secret-key'

Run both client and server concurrently

For client

$ npm run dev

For Backend

$ npm start

Thank you