Skip to content

ManishMadan2882/Schema-UI

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Project Overview

This is a React.js project that uses Material UI and Redux to create a form builder application. The application takes an input of JSON schema on the left side and previews the rendered form on the right side.

Project Dependencies

The following dependencies are required to run this project:

  • React.js
  • Material UI
  • Redux
  • React-Redux

Installation

To install this project, follow these steps:

  • Clone the repository to your local machine.
  • Open the project directory in a terminal window.
  • Run

    npm install --legacy-peer-deps

    to install the dependencies.
  • Run

    npm start

    to start the development server.
  • Open a web browser and navigate to http://localhost:3000.

Usage

To use the application, follow these steps:

  • Enter a valid JSON schema in the left-hand input field.
  • See a rendered form on the right-hand side.
  • If the JSON schema is non-parsable it won't be rendered
  • You can modify the JSON schema, the changes will be rendered automatically iff the JSON is valid.
  • Once the form is rendered, you can interact with it just like any other HTML form.

Project Structure

The project is organized into the following directories:

src/: Contains the source code for the React.js application.

  • actions/: Contains Redux action creators.
  • components/: Contains React components for rendering the UI.
  • store/: Contains the Redux store configuration & slice/reducers.

App.js: The main React component for the application.

index.js: The entry point for the application.

About

A UI Schema based Form Designing Application

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published