Skip to content

FederalCircle/dynamic-form

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

5 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸ“ Dynamic Form

A simple React application built with TypeScript to create a dynamic form with validation based on a configuration array. This project was developed as a challenge during a company's interviewing process.

πŸ›  Technical Details

  • Framework: React with TypeScript
  • State Management: Redux with redux-toolkit
  • UI Components: Material UI

πŸš€ Getting Started

Installation

To set up the project locally:

  1. Clone the repository:
git clone https://github.com/FederalCircle/dynamic-form.git
cd dynamic-form
  1. Install the necessary packages:
npm install

Running the Project

To start the project, run:

npm start

✨ Features

  • Dynamic Form Creation: The form is generated based on a configuration array. Each object in the array represents a field in the form.
  • Validation: Form fields are validated based on the rules defined in the configuration array.
  • Visualization: The data saved in the Redux store is rendered for visualization.

πŸ“¦ Data Source

Currently, the application uses a local configuration array for form generation. However, it's designed to seamlessly integrate with an API to fetch the configuration, if needed.

πŸ“œ License

This project is currently not under any license.

About

Simple React app to create a dynamic form with validation based on a configuration array.

Resources

Stars

Watchers

Forks