⚡️ Form Factor - UI Form on the fly by JSON config

A sleek, type-safe demo of Next.js 15, Shadcn UI, and React Hook Form powered by dynamic JSON configurations.

🚀 The Flow

1. Schema Alchemy: Transforming raw JSON field definitions into a robust Zod validation schema on the fly.
2. Smart Defaults: Extracting initial values directly from the config to hydrate the form.
3. The Factory: A mapping engine that renders the right Shadcn component based on the field type.

🛠 Tech Stack

• Framework: Next.js (App Router)
• Forms: React Hook Form + @hookform/resolvers
• Validation: Zod (The modern successor to Yup)
• UI: Tailwind CSS + Shadcn UI
• Language: TypeScript (Strict Mode)

---

Built to show that forms shouldn't be hardcoded. 🏗️