🎨 PixelForge AI

A full-stack AI text-to-image generation application built with the MERN stack. Generate high-quality AI images from text prompts with secure authentication, a credit-based generation system, and Razorpay payment integration.

📖 Overview

PixelForge AI is a full-stack AI image generation platform that converts text prompts into high-quality AI-generated images using the ClipDrop API.

The application includes:

🔐 JWT Authentication
🎨 AI Image Generation
💳 Credit-based System
💰 Razorpay Payment Integration
🗄 MongoDB Database
📱 Responsive React UI

✨ Features

🔐 Authentication

User Registration
User Login
JWT Authentication
Password Encryption (bcrypt)

🎨 AI Image Generation

Generate images from text prompts
ClipDrop AI API integration
Download generated images

💳 Credit System

Credit-based image generation
Automatic credit deduction
Purchase additional credits

💰 Payments

Razorpay payment gateway
Secure payment verification

📱 User Experience

Responsive Design
Modern UI
Smooth Animations
Fast Image Generation
Toast Notifications

🛠 Tech Stack

Frontend

React.js
Vite
Tailwind CSS
Axios
React Router
Context API
Framer Motion

Backend

Node.js
Express.js
MongoDB Atlas
Mongoose
JWT
bcrypt
Razorpay

APIs

ClipDrop API

Deployment

Vercel
Render
MongoDB Atlas

📂 Project Structure

PixelForge-AI
│
├── client
│   ├── src
│   ├── public
│   └── package.json
│
├── server
│   ├── controllers
│   ├── models
│   ├── routes
│   ├── middlewares
│   ├── config
│   └── package.json
│
└── README.md

⚙️ Installation

Clone Repository

git clone https://github.com/Rimjhimv2/PixelForge-AI.git
cd PixelForge-AI

Install Backend

cd server
npm install
npm start

Install Frontend

cd ../client
npm install
npm run dev

🔑 Environment Variables

Server (`server/.env`)

MONGODB_URI=your_mongodb_connection_string

JWT_SECRET=your_jwt_secret

CLIPDROP_API=your_clipdrop_api_key

RAZORPAY_KEY_ID=your_razorpay_key

RAZORPAY_KEY_SECRET=your_razorpay_secret

CURRENCY=INR

Client (`client/.env`)

VITE_BACKEND_URL=your_backend_url

VITE_RAZORPAY_KEY_ID=your_razorpay_key_id