# Frontend Setup

**Issuance Portal**\
GitHub Repo: <https://github.com/Unified-Learner-Passbook/rc-registration-portal>

Technology Used: Angular, Typescript

Libraries Used:

* @ng-bootstrap/ng-bootstrap
* @ngx-formly/core
* Ngx-extended-pdf-viewer
* Keycloak-angular
* @project-sunbird/client-services
* dayjs

Prerequisites:

* Node.js 14
* Npm 6.14
* Angular 10

Steps to Set up:

* Clone the repository
* npm i
* npm run start (To serve the project on <http://localhost:4200>)
* npm run build (To Build the project, dist folder will be generated)

Configuration Files:

* Config.json (Contains all the baseUrl, bffUrl, theme related constants)
* forms.json (Contains all the configurable forms)
* sidebar.json (Contains sidebar menus)\\

**Holder Portal / App:**\
GitHub Repo: [https://github.com/Unified-Learner-Passbook/rc-ewallet<br>](https://github.com/Unified-Learner-Passbook/rc-ewallet)Technology Used: Angular, Typescript

Libraries Used:

* @ng-bootstrap/ng-bootstrap
* Ngx-extended-pdf-viewer
* Keycloak-angular
* @project-sunbird/client-services
* Dayjs
* credential-handler-polyfill

Prerequisites:

* Node.js 14
* Npm 6.14
* Angular 10

Steps to Set up:

* Clone the repository
* npm i
* npm run start (To serve the project on <http://localhost:4200>)
* npm run build (To Build the project, dist folder will be generated)

Configuration Files:

* Config.json (Contains all the baseUrl, bffUrl, theme related constants)
* toolbar.json (Contains toolbar menus)
* opportunities.json (Static info for opportunities)

**Verification Portal**\
GitHub Repo: <https://github.com/Unified-Learner-Passbook/verification>

Technology Used: Angular, Typescript\
Libraries Used:

* @altack/quar
* Ngx-extended-pdf-viewer
* Keycloak-angular

Prerequisites:

* Node.js 14
* Npm 6.14
* Angular 10

Steps to Set up:

* Clone the repository
* npm i
* npm run start (To serve the project on <http://localhost:4200>)
* npm run build (To Build the project, dist folder will be generated)

Configuration Files:

* Config.json (Contains all the baseUrl, bffUrl, theme related constants)
* toolbar.json (Contains toolbar menus)
* opportunities.json (Static info for opportunities)