Generate Image from Prompt 🖼️

This repository contains a MERN (MongoDB, Express.js, React.js, Node.js) stack application that generates images from user prompts. The frontend is built using Vite for fast development, and the backend handles prompt processing and storage efficiently. Below is a detailed overview of the project and its structure.

🚀 Features

Generate images based on textual prompts.
User authentication and prompt-based image generation.
Smooth and responsive user interface.
Optimized backend API for seamless performance.
Secure handling of user data with authentication middleware.

🛠️ Tech Stack

Frontend: React.js, Vite
Backend: Node.js, Express.js
Database: MongoDB
Styling: CSS Modules
Authentication: Custom middleware

📂 File Structure

Backend (Server)

server/
├── config/               # Configuration files (e.g., database connection)
├── controllers/          # Logic for handling requests
│   ├── imageController.js
│   ├── userController.js
├── middlewares/          # Authentication middleware
│   └── auth.js
├── models/               # Mongoose models for MongoDB
│   ├── transactionModel.js
│   ├── userModel.js
├── routes/               # API endpoints
│   ├── imageRoutes.js
│   ├── userRoutes.js
├── .env                  # Environment variables
├── server.js             # Entry point of the backend

Frontend (Client)

client/src/
├── components/           # Reusable UI components
│   ├── Description.jsx
│   ├── Footer.jsx
│   ├── GenerateBtn.jsx
│   ├── Header.jsx
│   ├── Loader.jsx
│   ├── Login.jsx
│   ├── Navbar.jsx
│   ├── Steps.jsx
│   ├── Testimonials.jsx
├── context/              # React Context for state management
│   └── AppContext.jsx
├── pages/                # Application pages
│   ├── BuyCredit.jsx
│   ├── Home.jsx
│   ├── Result.jsx
├── App.css               # Global CSS styles
├── App.jsx               # Main React component
├── index.css             # Global styles
├── main.jsx              # Entry point of the frontend

📸 Demo

credit

with input

output

responsive

📧 Contact For any queries or suggestions, reach out at: gps.96169@gmail.com. <br/> 📧 Contact For any queries or suggestions, reach out at: <a href="https://wa.me/918957818597?text=Hey%20%F0%9F%91%8B%2C%20how%20can%20I%20help%20you%3F"> <img src="https://img.shields.io/badge/WhatsApp-Click%20Me-25D366?style=for-the-badge&logo=whatsapp" alt="WhatsApp" /> </a>

ImageGenesis

Install / Use

README