REACT-FORM-BUILDER (Alpha Version)

Build smarter, faster, more flexible forms today.

Built with the tools and technologies:

---

Table of Contents

• Overview
• Getting Started
  • Prerequisites
  • Installation
  • Usage

---

Overview

React-form-builder is an open-source React toolkit for creating dynamic, schema-driven forms with a modular and scalable architecture. It simplifies building complex, multi-step forms by leveraging schema definitions, effect management, and reusable components.

Why react-form-builder?

This project enables developers to craft flexible, interactive forms with ease. The core features include:

• 🧩 Puzzle Piece: Schema-to-UI conversion for flexible, data-driven form rendering
• 🎯 Target: Modular components for maintainability and scalability
• ⚙️ Gear: Effect management for conditional behaviors and dynamic UI updates
• 🚀 Rocket: Multi-page navigation with seamless state handling
• 🛠️ Hammer: Utility functions for data transformation and validation
• 🎨 Palette: Consistent styling and UI customization

---

Getting Started

Prerequisites

This project requires the following dependencies:

• Programming Language: TypeScript
• Package Manager: Npm, Yarn

Installation

Build react-form-builder from the source and install dependencies:

1. Clone the repository:

   ❯ git clone https://github.com/Mohsen-Shamsitabar/react-form-builder
   

2. Navigate to the project directory:

   ❯ cd react-form-builder
   

3. Install the dependencies:

Using npm:

❯ npm install

Using yarn:

❯ yarn install

Usage

Run the project with:

Using npm:

npm start

Using yarn:

yarn start