Saksham-Gupta-30 / Splash

Splash AI is an AI-powered image generation tool that allows users to generate images based on prompts and share them with the community.

Splash AI is an AI-powered image generation tool that allows users to generate images based on prompts and share them with the community.

Features

• Generate Images: Enter a prompt, and Splash AI will use the DeepAI API to generate an image based on the prompt.
• Community Sharing: Share your generated images with the Splash AI community and explore images generated by other users.
• MongoDB Integration: Store prompt details, image names, and photo links in a MongoDB database.
• Cloudinary Storage: Save the generated images on Cloudinary for easy access and retrieval.

Tech Stack

Splash AI is built using the MERN (MongoDB, Express.js, React.js, Node.js) stack, along with Tailwind CSS for styling.

• MongoDB: A NoSQL database for storing prompt details, image names, and photo links.
• Express.js: A backend web application framework for handling HTTP requests and responses.
• React.js: A JavaScript library for building user interfaces.
• Node.js: A JavaScript runtime environment for running server-side logic.
• Tailwind CSS: A utility-first CSS framework for rapidly styling and customizing the user interface.

Installation

To install and run Splash AI locally, follow these steps:

1. Clone the repository: git clone https://github.com/Saksham-Gupta-30/Splash
2. Navigate to the project directory: cd Splash
3. Run npm install in client and server directory.
4. Create a .env file in the server directory.
5. Fill in the following environment variables in the .env file:
   • DEEPAI_API_KEY: Your DeepAI API key.
   • MONGODB_URL: The MongoDB connection URL.
   • CLOUDINARY_CLOUD_NAME: Your Cloudinary cloud name.
   • CLOUDINARY_API_KEY: Your Cloudinary API key.
   • CLOUDINARY_API_SECRET: Your Cloudinary API secret.
6. Run frontend: npm run dev
7. Run backend: npm start