Skip to content

Shiva0909122/Dynamic_Form

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

19 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Title: Build a Dynamic Form in React with JSON Configuration and Tailwind CSS

Description:

In this video, I’ll walk you through setting up a Dynamic Form Builder in React, styled with Tailwind CSS. This application reads form configurations from JSON, rendering fields dynamically, and includes advanced form validation and responsive design.

Table of Contents:

  1. Project Overview
  2. Features
  3. Getting Started
  4. Live Demo
  5. GitHub Repository

📋 Project Overview

Dynamic_Form is a customizable form builder in React that reads configurations from JSON, allowing you to create forms without hardcoding them. Key features include dynamic form rendering, advanced validation, and responsive styling with Tailwind CSS.


Features

  • Dynamic Form Rendering: JSON configuration controls field types, labels, and settings.
  • Custom Validation: Built-in validation rules for various field types.
  • State Management: Handles complex form states efficiently.
  • Responsive Design: Tailwind CSS for a modern and flexible UI.

🚀 Getting Started

  1. Clone the Repository

    git clone https://github.com/Shiva0909122/Dynamic_Form.git
    cd dynamic-form
  2. Install Dependencies

    npm install
  3. Run the Development Server

    npm start

    Access the app at http://localhost:3000.


🖼️ Live Demo

Admin Panel
image

User Form
image


GitHub Repository: Dynamic Form Builder

Thank you for watching! Please like 👍, share, and subscribe for more tutorials on React projects!