AI-Powered SaaS Form Builder

FormCraft AI

A modern, AI-powered form building platform that seamlessly connects responses to Airtable while providing deep insights through sentiment analysis. Generate professional forms instantly, sync data natively, and analyze respondent behavior in real-time.

Source Code

RoleFull Stack Developer

ArchitectureMERN + Airtable OAuth

AI IntegrationHugging Face + Sentiment

StatusProduction Ready

The Challenge

Data Collection is Fragmented

Creating forms manually is slow, and managing responses without automated tools is even harder. I built FormCraft AI to automate everything—from building the form with AI to syncing data directly with professional tools like Airtable.

Strategic Approach

Problem–Solution Mapping

AI-Powered Builder

Built a custom NLP pipeline using Hugging Face to generate professional form structures instantly from simple text prompts, eliminating manual design time.

Native Airtable OAuth

Built a robust OAuth 2.0 engine supporting both Google and Airtable, enabling secure, scoped access with direct mapping of dynamic form schemas to Airtable table fields.

Smart Analytics

Implemented real-time sentiment analysis and automated spam detection to flag low-quality submissions and categorize respondent behavior patterns.

Data Integrity

Developed a field mapping engine that translates AI-generated JSON schemas into Airtable's relational structure, ensuring seamless high-volume syncs without data loss.

Under the Hood

System Architecture

Frontend

React 19 + Vite + Tailwind CSS — Premium, high-performance UI with modular component architecture, complex state management for the form builder, and responsive analytics suite.

Backend

Node.js + Express.js — RESTful API handling complex OAuth 2.0 flows, direct Airtable API integrations, JWT authentication, and comprehensive CRUD operations.

AI Layer

Hugging Face Inference API — Real-time NLP pipeline for form generation from prompts and sentiment analysis of responses with automatic categorization.

Data & Integrations

MongoDB + Mongoose + Airtable API — Flexible document storage with sync engine for mapping dynamic form schemas to Airtable's relational structure.

Core Features

Comprehensive Platform Capabilities

AI Form Generation

Generate complex form layouts instantly from text prompts using Hugging Face NLP.

Smart Analytics Dashboard

Real-time sentiment analysis, spam detection, and response trend visualization.

Dual OAuth Authentication: Secure, specialized access via Google and Airtable OAuth 2.0 with scoped permissions.
AI-Powered Form Builder: Generate professional form structures instantly from simple text prompts using Hugging Face Inference API.
Native Airtable Sync: Direct, real-time mapping of form responses to your Airtable bases and tables without third-party connectors.
Smart Analytics Dashboard: Visual representation of response trends, timelines, and comprehensive sentiment data with automatic insights.
AI Spam & Sentiment Detection: Automatic NLP analysis of response content to flag spam, categorize sentiment, and identify response quality.
Dynamic Form Viewer: Sleek, mobile-optimized interface for users to submit responses securely with real-time validation.
Advanced Form Management: Full CRUD capabilities with support for conditional logic, custom field types, and form versioning.
Responsive UI: Premium, mobile-first design built with modern glassmorphic aesthetics and smooth Framer Motion animations.

The Stack

Tools & Technologies

Frontend

React.jsViteTailwind CSSFramer MotionRechartsAxios

Backend & API

Node.jsExpress.jsAirtable OAuth 2.0Google OAuthJWTbcryptjs

AI & Analysis

Hugging Face APISentiment AnalysisNLP PipelineForm Generation

Database & Deployment

MongoDBMongooseVercelRenderLucide React

Developer Guide

Installation & Setup

# Clone the repository
git clone https://github.com/Samiksha-Lone/form-builder.git

# Backend Setup
cd form-builder-backend
npm install

# Create .env file with:
# PORT=5000
# MONGODB_URI=your_mongodb_uri
# JWT_SECRET=your_jwt_secret
# AIRTABLE_CLIENT_ID=your_airtable_client_id
# AIRTABLE_CLIENT_SECRET=your_airtable_client_secret
# GOOGLE_CLIENT_ID=your_google_client_id
# GOOGLE_CLIENT_SECRET=your_google_client_secret
# HUGGINGFACE_API_KEY=your_huggingface_key
node server.js
# http://localhost:5000

# Frontend Setup
cd ../form-builder-frontend
npm install

# Create .env file with:
# VITE_API_URL=http://localhost:5000
npm run dev
# http://localhost:5173

Impact & Results

Factual Performance Metrics

90% Faster Creation

AI automation reduced form creation time from minutes to seconds, a 90% efficiency gain over manual design.

0% Connector Fee

Eliminated 100% of third-party connector dependencies (Zapier/Make) through native Airtable OAuth integration.

Real-time Sentiment

Achieved sub-200ms latency for AI-driven sentiment analysis on every form submission.