Exercise:

Goal

Create a dynamic form using a frontend framework and TypeScript. Render it based on a provided configuration array and capture user input.

Requirements:

Use hooks or equivalent, and a state management tool. Configurations specify type (e.g., text, number, select), label, and options (for select types). Include a submit button. On submission, display the captured data. Ensure a mobile-first, responsive design. Employ TypeScript for type definitions and checks

Scripts

Project Setup

npm install

Compile and Hot-Reload for Development

npm run dev

Type-Check, Compile and Minify for Production

npm run build