System Online

Dynamic Forms
System

Complete migration from Flutter + FastAPI to Next.js + Django with dynamic form generation, voice integration, and customer lookup capabilities.

Next.js 14 (App Router)
Django + DRF
Supabase PostgreSQL
Django Channels (WebSockets)
React Hook Form + Zod
Gemini Live API
Web Audio API
TypeScript

Dynamic Schema

All form fields, validation rules, and options stored in database

Voice Integration

Real-time voice input with Gemini Live API and WebSocket streaming

Multi-language

Support for English, Hindi, and Hinglish voice commands

Smart Validation

Conditional mandatory fields based on customer lookup results

Backend Architecture

Django REST Framework APIs
Django Channels WebSocket support
Azure PostgreSQL with UUID primary keys
Dynamic form schema with conditional rules
External API integrations (customer lookup)
Voice session management with Gemini Live

Frontend Features

Dynamic form rendering from database schema
Real-time form validation with Zod
Voice controls with audio visualization
Customer lookup with dynamic mandatory fields
Conditional field visibility and logic
Progress tracking and completion indicators

Available Dynamic Forms

Explore our collection of dynamic forms showcasing different use cases and features.

Vehicle Application

Complete vehicle form with 16 fields, customer lookup, and conditional logic.

🎯9 mandatory fields
🔄7 conditional fields
📱Customer lookup
🎤Voice input

MuSo Experience

Museum of Solutions feedback form with 7 fieldscovering visitor experience and satisfaction.

😊Experience rating
🎯Visitor feedback
📊NPS scoring
🔄Conditional logic