Skip to content

Latest commit

Β 

History

History
71 lines (57 loc) Β· 1.72 KB

File metadata and controls

71 lines (57 loc) Β· 1.72 KB

🧠 AI Image Generator

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.

πŸ”— Live Preview

imagineNow

Community Section


πŸš€ Features

  • ✨ 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

πŸ› οΈ Tech Stack

πŸ”Ή Frontend (Vite + React)

  • React.js
  • Vite
  • Tailwind CSS

πŸ”Ή Backend (Node.js + Express)

  • Express.js
  • MongoDB (with Mongoose)
  • Axios
  • dotenv
  • Cloudinary

πŸ”Ή External APIs


πŸ“ Folder Structure

β”œβ”€β”€ 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