Dynamic Form Builder

This is a dynamic form builder built with React, Typescript, and Tailwind CSS. The user can create a form with text fields, checkboxes, radio buttons, and select inputs. The user can also mark any field as required when creating the form. The user can edit or delete the forms they have created. After creating a form, the user can fill it out and validate it.

Prerequisites

• NodeJS
• npm
• Git

Getting Started

1 - Clone the repository to your local machine using the following command:

  git clone https://github.com/NejiGhazouani/dynamic_form_builder.git

2 - Go to the project directory:

  cd dynamic_form_builder

3 - Install the dependencies:

 npm install

4 - Start the development server:

 npm run start

The website will be available at The website will be available at http://localhost:3000.

Global State Management

This project uses React Context as the global state management solution: React Context allows you to pass data down through the component tree without having to explicitly pass props. You can use the createContext and useContext hooks to create and consume context. It's built into React so you don't need to install any additional packages.

Built With

• ReactJS
• Tailwind CSS
• GitHub Actions

  Authors

  This project was built by @NejiGhazouani for the WeaveLines Frontend Developer interview process.