ai-image-generation-app_mern
(DALL·E 2 Clone)

Full-Stack MERN AI Image Generation App with Tailwind, OpenAI's DALL-E model, and Cloudinary.

Preview

Packages Installed

• Tailwind CSS for Vite
  npm install -D tailwindcss postcss autoprefixer
• Prettier Plugin for Tailwind CSS [Optional]
  npm install -D prettier prettier-plugin-tailwindcss
• Tailwind Merge [Optional]
  npm install tailwind-merge
• React Router DOM
  npm install react-router-dom
• FileSaver.js
  npm install file-saver
• Nodemon
  npm install nodemon OR npm install -g nodemon
• Express: Web framework for Node.js
  npm install express
• dotenv: Loads environment variables
  npm install dotenv
• CORS: Handles cross origin request
  npm install cors
• Cloudinary: Media management (Image and Video API Platform)
  npm install cloudinary
• Mongoose: MongoDB object modeling tool for Node.js
  npm install mongoose
• OpenAI Node API Library: Provides access to the OpenAI REST API
  npm install openai

Database Platform

• Mongo DB

Third Party APIs

• Open AI
• Cloudinary

Deployment

• Client deployed with Vercel
• Server deployed with Render

Client Environment

• Vite.js

Run Client App

npm run dev

For Production

npm run build

Server Environment

• Node.js

Run Server App

npm start

Reference

• Youtube
• Github