Project Description

CS5610 Project -

My Project focuses on creating a new type of widget called Form Widget. Form widget can have 5 type of elements

1. Input
2. Radio
3. Checkbox
4. Select
5. Textarea

From react application, course editor can add as many form elements he/she wants. Element's label can be customized and also some CSS rules can be also applied depending upon the id of html element.

From Angular application, registered user can navigate to same course page and open form and submit it. User can navigate to /forms url and see list of forms and can fill up the form or see list of submissions made by all users. On clicking the specific submission, opens a new page where answers submitted in that submission is shown. Multiple submissions can be made for any form by any user.

Note: For select element you can enter 1 option per line. There was one extra feature to it was categorizing options by label. You can enter options like below to generate label but I couldnt implement angular side rendering of it as angular doesnt support a variable in html file incremented in nested and main loop in some logical fashion. Also Angular doesnt support and I have requested for help from professor by email. Anyway, normal select element without label system i.e. 1 option per line is still working.

Option 1

Option 2

[Label here abcd

Special Option 1]

Option 3

Heroku URLs

1. React - https://cs5610-react-patel.herokuapp.com/courses
2. Spring Boot / Java : http://cs5610-summer1-2018-patel.herokuapp.com/api/course
3. Angular - http://cs5610-angular-patel.herokuapp.com/forms
4. Node - https://cs5610-nodejs-patel.herokuapp.com