# Frontend Setup E-locker

**Prerequisite:**

***

* Angular 10.2.1 - find more information here <https://angular.io/guide/setup-local>
* Make sure your node and npm versions are - node v16.13.1 (npm v8.1.2)
* You can also manage these versions using [Node Version Manager](https://www.freecodecamp.org/news/node-version-manager-nvm-install-guide/)

***

To set up E-locker on your local machine these steps should followed :

* Use these commands to clone the repositories.

`git clone` [`https://github.com/Sunbird-RC/sunbird-rc-elocker-ui`](https://github.com/Sunbird-RC/sunbird-rc-elocker-ui)

* Clone [demo-elocker](https://github.com/Sunbird-RC/demo-elocker) repository and navigate to ui-config folder

`git clone` [`https://github.com/Sunbird-RC/demo-elocker`](https://github.com/Sunbird-RC/demo-elocker)

`cd` [`demo-elocker`](https://github.com/Sunbird-RC/demo-elocker)`/ui-config`

* In this folder you will see a list of JSON files. We need to create a symbolic link of these files in the assets folder of [sunbird-rc-elocker-ui](https://github.com/Sunbird-RC/sunbird-rc-elocker-ui) repository
* For this : copy the path of ui-config folder and navigate to assets/config folder of [sunbird-rc-elocker-ui](https://github.com/Sunbird-RC/sunbird-rc-elocker-ui)
* Create a symbolic link

`cd sunbird-rc-elocker-ui/src/assets/config/`

`ln -s <path_of_ui_config_from_demo_elocker>`

*For example:*

*> ln -s /home/user/*[*demo-elocker*](https://github.com/Sunbird-RC/demo-elocker)*/ui-config*

\--------------

* Navigate to the src folder of [sunbird-rc-elocker-ui](https://github.com/Sunbird-RC/sunbird-rc-elocker-ui)
* Install dependencies and run the application using these commands

`cd sunbird-rc-elocker-ui/src/`

`Nvm use v16.13.1`

`yarn`

`npm start`\
\\

* Once the application has started successfully, you will see a message indicating that the application is running. It will also provide the URL where the application is hosted locally, typically \`<http://localhost:4200>\`.\\
* Copy the URL (\`<http://localhost:4200\\`>) and paste it into your browser to access the Angular application.

### Proxy configuration ([How to fix CORS issues](https://github.com/Sunbird-RC/sunbird-rc-ui#faqs))

* Refer this [link](https://github.com/Sunbird-RC/sunbird-rc-ui#faqs) for proxy configuration

\\