Skip to content

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

Notifications You must be signed in to change notification settings

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