This project is an AI image generator that uses the OpenAI DALL-E API to create unique images. The images can be saved to your device or shared as a post to the community. The project is built using the MERN stack (MongoDB, Express, React, and Node.js), Tailwind CSS, Cloudinary, and FileSaver, and Vite.
- Generate unique AI images using the OpenAI DALL-E API.
- Save generated images to your device.
- Share generated images as a post to the community.
- View posts shared by the community.
- MongoDB: for storing user-generated posts.
- Express: for building the backend API.
- React: for building the frontend interface.
- Node.js: for server-side programming.
- Tailwind CSS: for designing the user interface.
- Cloudinary: for image hosting and management.
- FileSaver: for saving generated images to the device.
- Vite: for bundling and serving the frontend code.
To get started with this project, you will need to have Node.js and npm installed on your computer. You will also need to have a Cloudinary account to store and manage your images.
To install this project on your computer, follow these steps:
- Clone this repository to your local machine.
- Navigate to the root directory of the project in your terminal.
- Run
npm install
to install all the required dependencies. - Navigate to the server folder.
- Create
.env
file to put you api keys in it like this:
OPENAI_API_KEY=<your_api_key>
MONGODB_URL=<your_api_key>
CLOUDINARY_CLOUD_NAME=<your_api_key>
CLOUDINARY_API_SECRET=<your_api_key>
- Navigate to the server folder then run
npm start
. - Navigate to the client folder and run
npm run dev
.
- Generate unique AI images using the OpenAI DALL-E API.
- Save generated images to your device.
- Share generated images as a post to the community.
- View posts shared by the community.
[Demo] (https://ai-wonder-art.vercel.app/)