# Suggested approach to create own Angular frontend

**URL:** <https://openvidu.discourse.group/t/suggested-approach-to-create-own-angular-frontend/3284>\
**Category:** How to implement?\
**Tags:** v2\
**Created:** [August 6, 2021, 8:49pm UTC](https://openvidu.discourse.group/t/suggested-approach-to-create-own-angular-frontend/3284 "2021-08-06T20:49:58Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![Jan\_Brus](https://yyz2.discourse-cdn.com/free1/user_avatar/openvidu.discourse.group/jan_brus/32/1615_2.png) [@Jan\_Brus](https://openvidu.discourse.group/u/Jan_Brus)\
**Post date:** [August 6, 2021, 8:49pm UTC](https://openvidu.discourse.group/t/suggested-approach-to-create-own-angular-frontend/3284/1 "2021-08-06T20:49:59Z")

</div>

Hello,

I have openVidu installed and running smoothly on a VPS server.  
I would like to create an Angular application looking like twitch clone, which means the MVP would be a presenter page and viewer page.  
Presenter page would be basically an openvidu-call application.  
Viewer page would be looking like a simple Youtube video with no interaction except stop button, with chat on a side.

Now the questions:

1. As i have seen, openvidu-call is the default application on a freshly installed running server. The server runs the Angular app by running ng serve? It also runs the nodejs backend for the app by default?
2. what are the relations between openvidu-browser (inside main openvidu repo) and openvidu-call application (inside its own openvidu-call repo)?
3. Any tips how to run the openvidu-browser on Windows since “npm run build” gives me error “’.’ is not recognized as an internal or external command”?

I suppose the approach would be to start from openvidu-call application with nodejs backend, make it run on the same server, set it up so it overrides the default application (according to docs), am I right?

---

<div class="post-metadata">

**Author:** ![micael.gallego](https://yyz2.discourse-cdn.com/free1/user_avatar/openvidu.discourse.group/micael.gallego/32/2_2.png) [@micael.gallego](https://openvidu.discourse.group/u/micael.gallego)\
**Post date:** [August 10, 2021, 3:21pm UTC](https://openvidu.discourse.group/t/suggested-approach-to-create-own-angular-frontend/3284/2 "2021-08-10T15:21:32Z")

</div>

> [@Jan\_Brus](#):
>
> As i have seen, openvidu-call is the default application on a freshly installed running server. The server runs the Angular app by running ng serve?

No. `ng serve` command is used for development, never to deploy a production application. Angular code is built with `ng build` and published in a static folder in a web server.

> [@Jan\_Brus](#):
>
> It also runs the nodejs backend for the app by default?

Yes

> [@Jan\_Brus](#):
>
> what are the relations between openvidu-browser (inside main openvidu repo) and openvidu-call application (inside its own openvidu-call repo)?

OpenVidu Call is an application using openvidu-browser as you can see here:

> <https://github.com/OpenVidu/openvidu-call/blob/master/openvidu-call-front/package.json#L18>

> [@Jan\_Brus](#):
>
> Any tips how to run the openvidu-browser on Windows since “npm run build” gives me error “’.’ is not recognized as an internal or external command”?

Follow step by step the [instructions](https://docs.openvidu.io/en/2.19.0/demos/openvidu-call/) if you are on linux. If you are on windows, install Node.js and NPM and uses a shell compatible with linux (MYGWIN) or adapt the commands to windows if they fail (most of them should work as is).

> [@Jan\_Brus](#):
>
> I suppose the approach would be to start from openvidu-call application with nodejs backend, make it run on the same server, set it up so it overrides the default application (according to docs), am I right?

Yes. Modify OpenVidu Call to adapt it to your needs and after that deploy it in the server where you deployed OpenVidu Platform. Do not try to develop OpenVidu Call on the server. Develop OpenVidu Call on your own computer.

Best regards

---

<div class="post-metadata">

**Author:** ![keithg](https://avatars.discourse-cdn.com/v4/letter/k/7feea3/32.png) [@keithg](https://openvidu.discourse.group/u/keithg)\
**Post date:** [August 30, 2021, 11:30pm UTC](https://openvidu.discourse.group/t/suggested-approach-to-create-own-angular-frontend/3284/3 "2021-08-30T23:30:56Z")

</div>

Somewhat of a followup to the OP’s question … I have been trying to run the openvidu-call app locally for development and use our openvidu server we have in AWS. Is this possible or not? I have spun up openvidu-call-back and openvidu-call-front and have set the config in the config.ts file of call-back to have our AWS server and secret and have also set our config in the environment.ts file of call-front … however, when the localhost:4200 spins up and I Join a room … after about 30-60 seconds I get the following: "[HPM] Error occurred while trying to proxy request from localhost:4200 to [https://vidu](https://vidu). [keithgallant.com](http://keithgallant.com) :5000 (ECONNREFUSED) … " … I thought maybe i needed to edit the proxy.conf.json file … but changing that results in same …

I am wondering if the only way to develop locally is to use the docker is it?

Any suggestions would be greatly appreciated.

Keith

---

<div class="post-metadata">

**Author:** ![CSantosM](https://yyz2.discourse-cdn.com/free1/user_avatar/openvidu.discourse.group/csantosm/32/16_2.png) [@CSantosM](https://openvidu.discourse.group/u/CSantosM)\
**Post date:** [August 31, 2021, 8:32am UTC](https://openvidu.discourse.group/t/suggested-approach-to-create-own-angular-frontend/3284/4 "2021-08-31T08:32:18Z")

</div>

Using docker IS NOT THE WAY TO DEVELOP LOCALLY.

For Running OpenVidu Call you have to follow this steps: [OpenVidu Docs](https://docs.openvidu.io/en/2.19.0/demos/openvidu-call/#get-and-execute-the-code)

If you want to customize the configuration, please, read this doc section: [OpenVidu Docs](https://docs.openvidu.io/en/2.19.0/demos/openvidu-call/#configuration-parameters-for-openvidu-call)

---

<div class="post-metadata">

**Author:** ![keithg](https://avatars.discourse-cdn.com/v4/letter/k/7feea3/32.png) [@keithg](https://openvidu.discourse.group/u/keithg)\
**Post date:** [August 31, 2021, 9:02pm UTC](https://openvidu.discourse.group/t/suggested-approach-to-create-own-angular-frontend/3284/5 "2021-08-31T21:02:22Z")

</div>

Thank you. I was able to get it to work last night. Much appreciated.
