parashuram-78 / frontend-assignment

React Dynamic Form Renderer

A React application that allows users to paste a UI schema on the left side and preview the rendered form on the right-hand side.

Problem Statement

You have to create a React application that will allow users to paste a UI schema on the left side and preview the rendered form on the right-hand side.

UI Schema

UI Schema is a JSON array in a specific format that contains all the information required to generate dynamic forms. For example, open the link below to view a UI-Schema which will render a form to create a custom pizza.

JSON Schema:(https://drive.google.com/file/d/1RUU_ueF9BbQRLReuX88w8PWe2jsz3Z3C/view)

Rendered Form:

Technology Used

• React.js
• Deployed on Vercel

Getting Started

Installation

Clone the repository and install dependencies.

git clone https://github.com/your-username/react-dynamic-form-renderer.git
cd react-dynamic-form-renderer
npm install

Usage

Start the development server.

npm start

Visit http://localhost:3000 in your browser to see the application.

Features

• Paste UI schema on the left and preview the form on the right.
• Dynamically render forms based on the provided UI schema.

For Contribution

• Fork the repository.
• Create a new branch (git checkout -b feature/your-feature-name).
• Commit your changes (git commit -m 'Add some feature').
• Push to the branch (git push origin feature/your-feature-name).
• Open a pull request.