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
