/dynamic-form-builder

Dynamic Form builder is a web application that allows users to create forms dynamically. The user can add different types of fields to the form and also delete them. The user can also preview the form before submitting it.

Primary LanguageJavaScript

📗 Table of Contents

📖 Dynamic Form Builder:

Dynamic Form builder is a front end project that allows users to create forms dynamically. The user can add different types of fields to the form and also delete them. The user can also preview the form while building in real time.

(back to top)

🛠 Built With

  • Programming languages: React + Vite, CSS3, Ant Design
  • Tools: Git, GitHub, Linters

(back to top)

Key Features

  • Responsive / Mobile First
  • Focused on Functionality.
  • Dynamic form
  • Create a form
  • Edit a form.
  • Realtime form preview

(back to top)

🚀 Live Demo

Link to deployed project.

(back to top)

💻 Getting Started

To get a local copy up and running, follow these steps.

Prerequisites

In order to run this project you need:

  • Git and Code editor.

Setup

Clone this repository to your desired folder:

``git clone https://github.com/yodit93/dynamic-form-builder.git

(back to top)

Install

Install this project with:

  
  gh repo clone yodit93/dynamic-form-builder
  cd dynamic-form-builder
  npm install -y

Usage

To run the project, execute the following command:

    npm run dev

👥 Authors

👤 Yodit Abebe

(back to top)

🔭 Future Features

I'll add the following section to the webpage.

  • Better UI Design
  • Connect with Backend to store user's data

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

(back to top)

⭐️ Show your support

If you like this project please give a ⭐️ to this repository.

(back to top)

🙏 Acknowledgments

I would like to thank 10 Academy.

(back to top)

📝 License

This project is MIT licensed.

(back to top)