Artiq AI - Text to Image AI SaaS App

Generate stunning AI images with credits, payments, and cloud storage. Built with the MERN Stack + Razorpay + Clipdrop API.

🚀 Live Demo

📖 About the Project

Artiq AI is a full-stack AI SaaS application built with the MERN stack that allows users to generate high-quality images from text prompts using the Clipdrop API.

The app includes a credit-based system where users can generate images, and purchase additional credits securely via Razorpay.
All generated images are stored securely in Cloudinary, and users can view their previous generate image in the gallery.

✨ Features

• 🔐 Authentication & Authorization – Secure login/signup with JWT and MongoDB.
• 🎨 AI Text-to-Image Generator – Powered by Clipdrop API.
• 💳 Credit System + Payments – Buy credits via Razorpay.
• 🖼️ Gallery Feature – View all your previously generated images.
• ☁️ Cloudinary Integration – Secure and fast image storage.
• 📱 Responsive Design – Works seamlessly on all devices.
• 📬 Contact Form + Newsletter – Fully working forms.
• ⚡ MERN Stack – Modern, scalable full-stack architecture.

🛠️ Tech Stack

• Frontend: React, Tailwind CSS
• Backend: Node.js, Express.js
• Database: MongoDB Atlas
• Image API: Clipdrop API
• Payments: Razorpay
• Storage: Cloudinary
• Deployment: Vercel (client) + Render (server)

📸 Screenshots

🏠 Homepage

📊 Dashboard

👨‍💻 Our Team

🖼️ Gallery

💳 Payment

⚙️ Installation & Setup

1. Clone the Repository

git clone https://github.com/ompalsingh01/ArtiqAI.git
cd ArtiqAI

2. Install Dependencies
Backend
cd server
npm install

Frontend
cd client
npm install

3. Setup Environment Variables

Create a .env file in the server directory with the following:

PORT=5000
MONGO_URI=your_mongo_connection_string
JWT_SECRET=your_jwt_secret
CLIPDROP_API_KEY=your_clipdrop_api_key

CLOUDINARY_CLOUD_NAME=your_cloudinary_cloud_name
CLOUDINARY_API_KEY=your_cloudinary_api_key
CLOUDINARY_API_SECRET=your_cloudinary_api_secret

RAZORPAY_KEY_ID=your_razorpay_key_id
RAZORPAY_KEY_SECRET=your_razorpay_key_secret


4. Run the Project
Start Backend
cd server
npm run dev

Start Frontend
cd client
npm start

---

🌍 Deployment

• Frontend: Deployed on Vercel
• Backend: Deployed on Render
• Database: MongoDB Atlas

🤝 Contributing

We ❤️ contributions! Whether it’s bug fixes, feature requests, or improvements, feel free to contribute.

Steps to Contribute:

1. 🍴 Fork the repository

2. 🌱 Create your Feature Branch

   git checkout -b feature/AmazingFeature
   
   

💻 Commit your Changes git commit -m "Add some AmazingFeature"

🚀 Push to the Branch git push origin feature/AmazingFeature

🔁 Open a Pull Request

📜 License

This project is licensed under the MIT License. See the full license in the LICENSE file.

📧 Contact

👨‍💻 Mohit Singh

📩 Email: mohitsingh.2626452@gmail.com