Dynamic Form in React

Features

• Get form data from API
  • For now, we are using Mock Service Worker to mock the API
• Render form questions dynamically
• Record user answers
• View history of answers
• Some tests have also been written for the Form component

Tech Stack

• React
• Vite
• TypeScript
• Tailwind CSS
• Mantine
• Vitest
• Mock Service Worker

npm scripts

Build and dev scripts

• dev – start development server
• build – build production version of the app
• preview – locally preview production build

Testing scripts

• typecheck – checks TypeScript types
• lint – runs ESLint
• prettier:write – formats all files with Prettier
• prettier:check – checks files with Prettier
• vitest – runs vitest tests
• vitest:watch – starts vitest watch
• test – runs vitest, prettier:check, lint and typecheck scripts