hasanharman/form-builder

A dynamic form-building tool that allows users to create, customize, and validate forms seamlessly within web applications.

Form Builder

This project demonstrates the usage of shadcn-form-builder for building dynamic forms using React Hook Form and Zod for validation.

Live Demo

Check out the live demo here.

YouTube Demo

)

Features

• Shadcn Component Library: Utilizes components for form building.
• React Hook Form: Handles form state and validation.
• Zod: Provides schema-based validation for form inputs.
• Next.js: Developed using Next.js for server-side rendering and API routes.

Installation

Follow these steps to get the project up and running on your local machine.

Prerequisites

Node.js and npm installed on your machine. You can download and install them.

Clone the repository

  git clone https://github.com/yourusername/your-project.git

Navigate to the Project Directory

cd your-project

Install Dependencies

npm install

Run the Development Server

npm run dev

This command starts the Next.js development server. You can view your project at http://localhost:3000 in your browser.

Build for Production

If you want to build the project for production, you can run the following command:

npm run build