Dynamic Form Example

This project demonstrates a dynamic form rendering application using React, TypeScript, and Vite. The form fields are fetched from a backend API and rendered dynamically based on the response.

Features

• Dynamic form rendering with fields fetched from a backend API (mockapi.io used).
• Form validation using react-hook-form and zod.
• State management and data fetching with @tanstack/react-query and axios.
• UI components from shadcn.
• Page routing using @tanstack/react-router.

Getting Started

To run this project locally, follow these steps:

1. Clone the repository.
2. Install dependencies using pnpm i.
3. Start the development server using pnpm dev.

Scripts

• dev: Starts the development server.
• build: Builds the project for production.
• lint: Runs ESLint to check for code quality issues.
• preview: Previews the production build.

License

This project is licensed under the MIT License.