This project is split into two repositories. The front-end, built using React and Next.js, is in this repository. The back-end, built using Ruby on Rails, can be found in this repository.
- Create, save, and edit forms.
- Easy to use and intuituve UI.
- Many component options including:
- Text Field
- Text Area
- Number Picker
- Check Boxes
- Radio Buttons
- Date Picker
- Time Picker
- File Upload
- Address Field
- Easily edit component labels, placeholders, and helpers.
- Drag and drop for ordering components and check box/radio button options.
The form builder creates a JSON array containing all of the components used in the form. This JSON schema can be interpreted to create a form. Because the front-end and the back-end are seperate (The back-end is a seperate rails api), this form builder can easily be consumed by other applications such as a mobile form building app.
![Screenshot 2023-05-17 at 10 08 03 AM](https://private-user-images.githubusercontent.com/77522904/242161885-5bae1958-8756-46a6-a7cb-a392236e0139.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjU2NTQwOTEsIm5iZiI6MTcyNTY1Mzc5MSwicGF0aCI6Ii83NzUyMjkwNC8yNDIxNjE4ODUtNWJhZTE5NTgtODc1Ni00NmE2LWE3Y2ItYTM5MjIzNmUwMTM5LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA5MDYlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwOTA2VDIwMTYzMVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTA1YTFkYjIwMTNhYmM1ZDExYTMzODA5MDMzYjEyMTk0MTVkYjk0YTczMDg2YjRkNWIyZDg1Yjk1ZWUyYWY0YzMmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.WCitBMK03BujWaXhATl1QZQsqVD_yA5A1xXcoGoApic)
![Screenshot 2023-05-17 at 10 05 44 AM](https://private-user-images.githubusercontent.com/77522904/242161898-8e14d7c1-01bd-4b07-9fe6-bc8d9e61e42c.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjU2NTQwOTEsIm5iZiI6MTcyNTY1Mzc5MSwicGF0aCI6Ii83NzUyMjkwNC8yNDIxNjE4OTgtOGUxNGQ3YzEtMDFiZC00YjA3LTlmZTYtYmM4ZDllNjFlNDJjLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA5MDYlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwOTA2VDIwMTYzMVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWU5ZjMwYTk2NTZjNWE3NDM3NWYwMGJiYzYzZWU0ZjkzOTdlZWUxNzQzOTlkMTNjZjc5MzU2YjFmNzY2OTJlNmMmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.Nox4du6a2c77KsoARV-Gzj2Ti9Gw8S0Iut1v8bqz-H0)