SmartForm is a next-gen AI Form Builder SaaS platform built with Next.js and Supabase.
It allows creators to generate forms automatically using AI or build manually with drag-and-drop fields.
Every creator can connect Google Sheets, Slack, Stripe, PayPal, or reCAPTCHA — all from the integration panel.
It’s a complete business-ready solution with subscription billing, analytics, watermark branding, and more.

Here Is Your Testing login details:- [email protected] 

Password:- password

⚙️ Core Features

🧠 AI Form Builder – Create forms instantly from simple text prompts
🛠️ Manual Form Builder – Drag-and-drop interface with unlimited fields

💼 Subscription Plans (Built-In)

• Free Plan – 5 manual forms + 5 AI forms
• Pro Plan – Unlimited manual + 20 AI forms
• Business Plan – Unlimited manual + 50 AI forms
• Enterprise Plan – Unlimited everything

Each plan includes usage tracking and progress bars inside the Billing page.

🚀 Setup Requirements

• Node.js (latest LTS)
• Supabase account (free tier works fine)
• Stripe account (for billing)
• Google, Slack, and PayPal developer credentials (optional integrations)
• Add all keys in .env (instructions in README)

🧩 Tech Stack

• Frontend: Next.js 14, TypeScript, TailwindCSS
• Backend: Supabase (Database + Auth + Edge Functions)
• Payments: Stripe & PayPal
• Automation: Supabase Edge Cron Functions
• AI Logic: Server-side integration ready (OpenAI or Gemini compatible)

⚠️ Important Notes

• Replace all demo API keys with your own before deployment.
• The project includes a detailed README with setup commands, schema, and env configuration.
• Do not skip key replacement — otherwise billing and integrations will not work.
• Supabase Edge Function setup is required for monthly usage resets.

💬 Support & Customization

Easy to customize, fully commented codebase.
All UI components are reusable and styled with TailwindCSS.

🛠️ 1️⃣ Prerequisites

Before starting, make sure you have:

• Node.js (v18+)
• Supabase account (Free plan works)
• Stripe account (for payment plans)
• Optional: PayPal, Google, Slack credentials

⚙️ 2️⃣ Clone or Extract Project

Unzip the source code or clone the repo:

git clone your-smartform-folder
cd smartform

📦 3️⃣ Install Dependencies

Run this in the project folder:

npm install

🧾 4️⃣ Setup Environment Variables

Create a .env.local file in the root folder and add your own credentials:

NEXT_PUBLIC_SUPABASE_URL=your-supabase-url
NEXT_PUBLIC_SUPABASE_ANON_KEY=your-supabase-anon-key
SUPABASE_SERVICE_ROLE_KEY=your-service-key
STRIPE_SECRET_KEY=your-stripe-secret-key
STRIPE_WEBHOOK_SECRET=your-stripe-webhook-secret
NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY=your-stripe-public-key
PAYPAL_CLIENT_ID=your-paypal-client-id
PAYPAL_SECRET_KEY=your-paypal-secret-key
NEXT_PUBLIC_SITE_URL=https://your-domain.com

⚠️ Important:
Replace all sample keys with your own.

Go to your Supabase SQL Editor and paste the schema from schema.sql file provided in the project.
This will automatically create:

Users Table

Forms Table

Responses Table

Plans Table

Payments Table

Integrations Table

Settings Table

⚡ 6️⃣ Setup Supabase Edge Functions

You’ll find the edge function code inside /supabase/functions/usageReset.
Deploy it like this:

<b>
supabase functions deploy usageReset


</b>

Then schedule it with:

supabase cron schedule --project-ref your-project-ref 
--name usage-reset --schedule "0 0 1 * *" 
supabase functions invoke usageReset

This will automatically reset form limits monthly.

💻 7️⃣ Run the App Locally

To start your dev server:

npm run dev

Then visit http://localhost:3000

☁️ 8️⃣ Deploy (Optional)

You can deploy easily on:

Just connect your GitHub repo and set the same .env values in environment settings.

⚠️ 10️⃣ Important Warning

Please replace all demo API keys and creator details before using or reselling.
If you don’t, your payments and analytics will be linked to the original developer account.