A modern full-stack form builder built with React and Supabase, enabling users to create, publish, and manage dynamic forms with flexible field configurations and response management.
- Dynamic form builder with multiple field types
- Drag-and-drop field reordering
- Live form preview
- Draft and publish workflow
- Full CRUD operations for forms, fields, and responses
- Public form submission
- Secure anonymous access
- Responses dashboard with dynamic field mapping
- Responsive user interface
- React
- JavaScript
- React Router
- TanStack React Query
- Context API
- React Hook Form
- Supabase
- PostgreSQL
- Supabase Authentication
- Row Level Security (RLS)
- Built a dynamic form builder supporting multiple field types with drag-and-drop interactions.
- Designed a scalable database schema using JSON-based field configurations and flexible response storage.
- Implemented full CRUD functionality for forms, fields, and responses using Supabase.
- Managed complex client-side state using Context API and useReducer.
- Managed server state with TanStack React Query, including caching, synchronization, and background updates.
- Implemented a draft/publish workflow with dirty state tracking.
- Developed secure public form submission with backend validation.
git clone https://github.com/Ali-jalili/FormFlow.git
cd FormFlow
pnpm install
pnpm devCreate a .env file in the project root and add:
VITE_SUPABASE_URL=your_supabase_url
VITE_SUPABASE_ANON_KEY=your_supabase_anon_key- Form templates
- Conditional fields and branching logic
- File upload fields
- Email notifications
- Form analytics
- Export responses (CSV / Excel)
- Unit and integration testing
Ali Jalili
- GitHub: https://github.com/Ali-jalili
- LinkedIn: https://linkedin.com/in/ali--jalili