This project was built using a tutorial by JavaScript Mastery on youtube.

This project is a web application that uses the OpenAI DALL-E model to generate images based on user input. The app is built using the MERN stack (MongoDB, Express, React, and Node.js) and styled with Tailwind CSS. The images are stored and served using Cloudinary.

⭐ Note: This website may require some time for the server to spin up and the posts to render. In addition, the AI functionality of this app may become unresponsive due to an inactive key. Please do not abuse the AI functionality.

• Installation
• Features
• Screenshots
• Technologies Used
• Contributing
• Links
• License

1. Clone the repository.
2. Install the dependencies in both the client and server folders by running npm install.
3. Create a .env file in the server folder and add the following environment variables:

OPENAI_API_KEY

4. Create a .env file in the client folder and add the following environment variables:

OPENAI_API_KEY
MONGODB_URL
CLOUDINARY_CLOUD_NAME
CLOUDINARY_API_KEY
CLOUDINARY_API_SECRET

5. Start the client by running npm run dev.
6. Start the server by running npm start.

⭐ Note: An active OpenAI api key is required for the AI funtionality to work.

• Image Generation: Users can generate unique images based on their text input using the OpenAI DALL-E model.
• Image Storage: All generated images are stored securely on Cloudinary, a cloud-based image management and delivery service.
• Loading Indicators: The app displays loading indicators while images and other data are being fetched or processed to provide a smooth user experience.
• Responsive Design: The app is designed to work on both desktop and mobile devices.
• Save and Share: Users can download images from the community.

• MERN Stack: A full-stack JavaScript framework. (MongoDB, Express, React, and Node.js)
• TailwindCSS: A utility-first CSS framework for rapid UI development.
• OpenAI's DALL-E API: A model that generates images based on text prompts.
• Cloudinary: A cloud-based image and video management service.

If you'd like to contribute to this project, please fork the repository and submit a pull request.

• Link to deployed application

• Link to GitHub repository

• Link to original GitHub repository by JavaScript Mastery

• Link to youtube tutorial by JavaScript Mastery

This project is licensed under the MIT License.