A full-stack web application that uses the Clipdrop API to generate stunning AI images from text prompts. Users can generate, preview, and download images — and share them with the community. All images are securely stored on Cloudinary.
- ✨ Generate AI images from custom prompts (via Clipdrop API)
- ☁️ Upload & store images using Cloudinary
- 🖼️ View and explore shared posts in the community section
- 💾 Download generated images
- 🔐 .env configuration support for API keys
- 🧩 Modular folder structure for scalability
- React.js
- Vite
- Tailwind CSS
- Express.js
- MongoDB (with Mongoose)
- Axios
- dotenv
- Cloudinary
├── client/ # React frontend (Vite)
│ ├── public/
│ ├── src/
│ │ ├── assets/
│ │ ├── components/
│ │ ├── constants/
│ │ ├── pages/
│ │ └── utils/
│ ├── index.html
│ ├── package.json
│ └── vite.config.js
│
├── server/ # Express backend
│ ├── routes/
│ ├── models/
│ ├── mongodb/
│ ├── .env
│ ├── index.js
│ └── package.json
│
└── README.md
🙌 Acknowledgements
- Clipdrop API
- Cloudinary
- Open Source Icons & Assets