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.
- 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.
- Frontend: React.js, Vite
- Backend: Node.js, Express.js
- Database: MongoDB
- Styling: CSS Modules
- Authentication: Custom middleware
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
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
📧 Contact
For any queries or suggestions, reach out at: [email protected].
📧 Contact
For any queries or suggestions, reach out at:
