{"id":19247841,"url":"https://github.com/5amogh/questionnaire-player","last_synced_at":"2025-04-21T11:33:40.351Z","repository":{"id":196650815,"uuid":"696593763","full_name":"5Amogh/questionnaire-player","owner":"5Amogh","description":"The Questionnaire Player: A flexible Angular-based Web component for text, multi-select, radio, file upload, and matrix inputs. Easily adaptable for various frameworks or vanilla JS apps. Enhance user experiences seamlessly.","archived":false,"fork":false,"pushed_at":"2025-04-01T17:27:35.000Z","size":23418,"stargazers_count":1,"open_issues_count":2,"forks_count":2,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-04-09T09:44:24.654Z","etag":null,"topics":["angular","angularelements","angularlibrary","angularmaterial","nodejs","questionnaire","survey","webcomponents"],"latest_commit_sha":null,"homepage":"","language":"SCSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/5Amogh.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-09-26T04:05:34.000Z","updated_at":"2024-01-19T07:53:16.000Z","dependencies_parsed_at":"2023-09-26T19:58:00.613Z","dependency_job_id":"a3c130cc-d45d-49d0-9b59-96e8bf823141","html_url":"https://github.com/5Amogh/questionnaire-player","commit_stats":null,"previous_names":["5amogh/questionnaire-player"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/5Amogh%2Fquestionnaire-player","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/5Amogh%2Fquestionnaire-player/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/5Amogh%2Fquestionnaire-player/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/5Amogh%2Fquestionnaire-player/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/5Amogh","download_url":"https://codeload.github.com/5Amogh/questionnaire-player/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":250048103,"owners_count":21366176,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["angular","angularelements","angularlibrary","angularmaterial","nodejs","questionnaire","survey","webcomponents"],"created_at":"2024-11-09T18:05:26.221Z","updated_at":"2025-04-21T11:33:39.936Z","avatar_url":"https://github.com/5Amogh.png","language":"SCSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# QuestionnairePlayer\n\nThe Questionnaire Player is a flexible Angular-based Web component for text, multi-select, radio, file upload, and matrix inputs. Easily adaptable for various frameworks or vanilla JS apps. Enhance user experiences seamlessly built with the help of angular version 16.2.1.\n## Prerequisites for setup\n\nAngular 16, Nodejs 16.19.0\n\n## Setup\n\nRun `npm install` after cloning the repo in local to install the necessary dependencies\n\n## Build QuestionnairePlayer and generate the webcomponent \n\nRun `npm run build-web-comp` To build the player with the latest changes and to reflect the changes in webcomponent \n\n## Demo Application\n\nNavigate to `projects/questionnaire-app` and Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The application will automatically reload if you change any of the source files.\n\nIn-case the changes have been done in the library, after successful build by `npm run build-web-comp` the changes would automatically reflect in the app as well. ( only applicable to this app and not the react demo app).\n\n## Webcomponent\n\nThe Webcomponent can be downloaded by running `npm i questionnaire-webcomponent`\n\nIn our angular.json file, we have included the published web component script under the \"scripts\" section (projects -\u003e questionnaire-app -\u003e architect -\u003e build). This script is responsible for adding the questionnaire player web component functionality to our demo application `node_modules/questionnaire-webcomponent/questionnaire-player-webcomponent.js`\n\nTo include the npm published styles of the webcomponent in the demo app, use `node_modules/questionnaire-webcomponent/styles.scss` in the \"styles\" section (projects -\u003e questionnaire-app -\u003e architect -\u003e build in angular.json)'.\n\nFor usage of the webcomponent in a react app, visit : [https://github.com/5Amogh/react-usingwebcomponent-app]\n\n## Code scaffolding\n\nRun `ng generate component component-name` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module`.\n\n\n## Further help\n\nTo get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2F5amogh%2Fquestionnaire-player","html_url":"https://awesome.ecosyste.ms/projects/github.com%2F5amogh%2Fquestionnaire-player","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2F5amogh%2Fquestionnaire-player/lists"}