Quick.ai - AI Content Generation Platform 🚀

Quick.ai is a full-stack AI-powered web application built with the MERN stack (using Express + PostgreSQL instead of MongoDB) that provides a suite of intelligent tools for content creation, image generation, and productivity enhancement. It supports secure authentication, subscription-based access control, and a vibrant community hub for sharing AI creations.

---

✨ Features

🔐 User Authentication

• Secure sign-up and sign-in using Clerk
• Session-based authentication with protected routes

💳 Subscription Tiers

• Free & Premium user roles
• Feature access based on subscription level

🧠 AI Content Generation

• Article Writer – Generate high-quality articles using Google's Gemini API
• Image Generator – Create images from text prompts using ClipDrop API

🖼️ AI Image Editing

• Background removal
• Object removal from images

📄 Productivity Tools

• Resume Reviewer – Upload PDF resumes and receive AI-powered analysis and feedback

🌍 Community Hub

• Browse creations from other users
• Like & unlike community posts

📊 User Dashboard

• Manage and view personal AI-generated content

---

🛠️ Tech Stack

Frontend

• React
• Vite
• Tailwind CSS

Backend

• Node.js
• Express.js

Database

• Neon (Serverless PostgreSQL)

Authentication

• Clerk

AI Services

• Google Gemini API – Text generation
• ClipDrop API – Image generation

Media Handling

• Cloudinary – Image storage & processing

Utilities

• pdf-parse – Resume PDF parsing

---

📂 Project Structure

quick-ai/
│
├── client/              # Frontend (React + Vite)
├── server/              # Backend (Express API)
│   ├── configs/         # Cloudinary & DB configuration
│   ├── controllers/     # Business logic
│   ├── routes/          # API routes
│   ├── server.js        # Main entry point
│   └── middleware/      # Auth & helpers
│
├── .env                 # Environment variables
├── package.json
└── README.md

---

⚙️ Setup and Installation

✅ Prerequisites

• Node.js v18+
• npm or yarn
• Accounts for Clerk, Neon DB, Google AI, ClipDrop, and Cloudinary

---

1️⃣ Clone the Repository

git clone https://github.com/your-username/quick-ai.git
cd quick-ai

---

2️⃣ Install Dependencies

Backend

cd server
npm install

Frontend

cd client
npm install

---

📁 Server Environment (server/.env)

Create a .env file inside the server folder and add the following:

# Server Port
PORT=5000

# Neon PostgreSQL Database Connection String
DATABASE_URL="postgresql://..."

# Clerk Authentication (Server)
CLERK_SECRET_KEY="sk_test_..."

# AI API Keys
GEMINI_API_KEY="your_gemini_api_key"
CLIPDROP_API_KEY="your_clipdrop_api_key"

# Cloudinary Credentials
CLOUDINARY_CLOUD_NAME="your_cloudinary_cloud_name"
CLOUDINARY_API_KEY="your_cloudinary_api_key"
CLOUDINARY_API_SECRET="your_cloudinary_api_secret"

---

📁 Client Environment (client/.env)

Create a .env file inside the client folder and add the following:

# Clerk Publishable Key (Frontend)
VITE_CLERK_PUBLISHABLE_KEY="pk_test_..."

# Base URL for Backend Server
VITE_BASE_URL=http://localhost:5000

---

▶️ Running the Application

Start Backend

cd server
npm start

Start Frontend

cd client
npm run dev

Frontend will run on:

http://localhost:5173

Backend will run on:

http://localhost:5000

---

🚀 Key Highlights

• Fully scalable AI SaaS platform architecture
• Role-based access control (Free / Premium)
• Secure image storage with Cloudinary
• Serverless PostgreSQL for performance
• Optimized MERN architecture

---

👨‍💻 Author

Yash Savalkar Full Stack Web Developer

---

If you like this project, don't forget to ⭐ star the repository!