- 🤝 Contributors
- ✨ Key Features
- 🛠️ Technology Stack
- 📂 Project Structure
- 🚀 Getting Started
- 📖 Usage Guide
- 🆘 Support
We ❤️ our contributors!
GenForm proudly participates in SWOC'26, and we appreciate everyone who contributes to this project.
GenForm is a cutting-edge SaaS platform that leverages AI to revolutionize form creation. Simply describe your form in plain English, and our AI instantly generates a fully functional, customizable form. No coding required, no complex setup—just intelligent form building at your fingertips.
- ⚡ Lightning Fast - Create forms in seconds, not hours
- 🤖 AI-Powered - Intelligent field suggestions and form generation
- 🎨 Beautiful Design - Modern, responsive forms that work everywhere
- 📊 Analytics Built-in - Track submissions and gain insights
- 🔒 Secure - Enterprise-grade security with encrypted data
- 💰 Flexible Pricing - Free tier available, scale as you grow
- Natural Language Processing - Describe your form in plain English
- Smart Field Detection - AI automatically suggests appropriate field types
- Instant Creation - Generate complete forms in under 5 seconds
- Context Understanding - AI understands your form's purpose and adapts accordingly
- WYSIWYG Editor - Format form descriptions with bold, italic, underline
- List Support - Add ordered and unordered lists
- Link Integration - Include hyperlinks in descriptions
- Google Forms-like Experience - Familiar and intuitive interface
- Inline Title Editing - Edit form names directly from dashboard or edit page
- Field Management - Add, remove, reorder, and customize fields
- Field Types - Text, email, number, select, radio, checkbox, and more
- Required/Optional - Mark fields as required or optional
- Placeholders - Add helpful placeholder text for better UX
- Submission Tracking - Monitor form responses in real-time
- Visual Charts - Beautiful graphs and statistics
- Submission Details - View individual responses with timestamps
- Export Data - Download submissions for further analysis
- Form Performance - Track engagement and completion rates
- Clerk Integration - Secure user authentication
- User Management - Sign up, sign in, profile management
- Protected Routes - Form ownership verification
- Data Encryption - Secure storage with Prisma and PostgreSQL
- UUID System - Prevent form enumeration attacks
- Stripe Integration - Secure payment processing
- Multiple Plans - Free, Pro, and Enterprise tiers
- Usage Limits - Form limits based on subscription
- Upgrade Flow - Seamless subscription management
- Unique URLs - Each form gets a UUID-based public URL
- Social Sharing - Share via WhatsApp, Email, LinkedIn, Twitter
- QR Codes - Generate QR codes for offline sharing
- Embed Options - Embed forms on your website
- Copy Link - One-click link copying
- Dark Mode - Full dark mode support
- Responsive Design - Perfect on mobile, tablet, and desktop
- Gradient Themes - Beautiful green/blue color scheme
- Smooth Animations - Polished transitions and hover effects
- Toast Notifications - Real-time feedback for user actions
| Category | Technology | Usage |
|---|---|---|
| Frontend | App Router & Server Components | |
| Language | Type-safe Development | |
| Styling | Modern UI & Responsive Design | |
| Database | Relational data via Supabase | |
| AI Engine | Natural Language Form Parsing | |
| Payments | Secure Payment Gateway | |
| Package Mgr | Dependency & Package Management | |
| Runtime | Server-side JavaScript Execution | |
| Auth | Authentication & User Management |
Here’s a quick look at how the repository is organized:
📁 Project Structure
├── .github/ # GitHub workflows & configs
├── app/ # Next.js App Router pages & layouts
├── components/ # UI components
├── hooks/ # Custom React hooks
├── lib/ # Utility modules & helpers
├── prisma/ # Database schema & migrations
├── public/ # Public assets (images, etc.)
├── types/ # TypeScript type definitions
├── .editorconfig # Editor config rules
├── .gitignore # Git ignore rules
├── .hintrc # Linter configuration
├── .prettierrc # Prettier config
├── CODE_OF_CONDUCT.md # Contributor guidelines
├── CONTRIBUTING.md # Contribution guide
├── LEARN.md # Learning doc / usage tips
├── LICENSE # MIT License
├── README.md # Project overview & instructions
├── SECURITY.md # Security policy
├── components.json # Shadcn UI component config
├── eslint.config.mjs # ESLint config
├── middleware.ts # Next.js middleware
├── next.config.ts # Next.js config
├── package.json # Dependencies & scripts
├── package-lock.json # Locked dependencies
├── postcss.config.mjs # PostCSS config
├── tailwind.config.ts # Tailwind CSS config
└── tsconfig.json # TypeScript config
Node.js 18.x or higher
npm
PostgreSQL database- Clone the repository
git clone https://github.com/Amansingh0807/GenForm.git
cd GenForm- Install dependencies
npm install- Set up environment variables
cp .env.example .envAdd your credentials:
# Database
DATABASE_URL="your_postgresql_url"
DIRECT_URL =
# Clerk Authentication
NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY="your_clerk_publishable_key"
CLERK_SECRET_KEY="your_clerk_secret_key"
NEXT_PUBLIC_CLERK_SIGN_IN_URL="Your_link"
NEXT_PUBLIC_CLERK_SIGN_UP_URL="Your_link"
NEXT_PUBLIC_CLERK_AFTER_SIGN_IN_URL="Your_link"
NEXT_PUBLIC_CLERK_AFTER_SIGN_UP_URL="Your_link"
# Stripe
NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY="your_stripe_publishable_key"
STRIPE_SECRET_KEY="your_stripe_secret_key"
# Google Gemini AI
GEMINI_API_KEY="your_gemini_api_key"
NEXT_PUBLIC_BASE_URL = "Link"- Run database migrations
npx prisma migrate dev
npx prisma generate- Start development server
npm run devVisit http://localhost:3000 🎉
- Sign Up/Sign In - Create an account or log in
- Navigate to Dashboard - Click "Create Form" or go to Dashboard
- Describe Your Form - Enter a prompt like:
Create a customer feedback form with name, email, rating (1-5), and comments - AI Generates Form - Watch as AI creates your form instantly
- Customize - Edit fields, add descriptions, adjust settings
- Publish - Click "Publish" to make your form live
- Share - Copy the link or share via social media
- Edit Forms - Click edit icon on any form
- View Submissions - Click on form card to see responses
- Delete Forms - Remove unwanted forms
- Analytics - Track form performance in Analytics tab
User Input: "Create a job application form"
AI Output:
✓ Full Name (Text, Required)
✓ Email Address (Email, Required)
✓ Phone Number (Text, Required)
✓ Resume Upload (File, Required)
✓ Cover Letter (Textarea, Optional)
✓ Expected Salary (Number, Optional)
- Add formatted instructions to your forms
- Include links to privacy policies
- Create professional-looking form headers
- Format text with lists and emphasis
- Track total submissions
- Monitor submission trends
- View individual responses
- Export data to CSV
Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.
Please read our Contributing Guidelines and Code of Conduct before getting started.
If you discover any security-related issues, please refer to our Security Policy.
This project is licensed under the MIT License - see the LICENSE file for details.
Aman Singh
- GitHub: @Amansingh0807
- LinkedIn: amansingh08
- Twitter: @KuwarDevv
- Email: amansingh080704@gmail.com
- Next.js - The React Framework
- Clerk - Authentication
- Stripe - Payment Processing
- Google Gemini - AI Form Generation
- Shadcn/UI - UI Components
- Vercel - Hosting Platform
Need help? We're here for you!
- 📧 Email: amansingh080704@gmail.com
- 💬 GitHub Issues: Create an issue
- 💼 LinkedIn: Connect with me