Protecting my JavaScript File/Scripts
<p>So I know JavaScript <strong>EDIT</strong> <em>can be used as a</em> client side scripting language, which means it remains/runs on client side for certain actions. Unless you're using Node.js (which I am)</p>

<p>I am working on an app, I am using the MEAN Stack to most of my code is JavaScript based. I built my own API which is on the server of course. </p>

<p>While testing my app I saw that my JavaScript file/scripts were visible on the front end via inspect element.</p>

<p><a href="https://i.stack.imgur.com/g8lWC.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/g8lWC.png" alt="enter image description here"></a></p>

<p><strong>You can see in the above image that with inspect element you can see my scripts and angularJS services/factories/controllers. You can see my code making calls To my API. I could be passing sensitive data here, like credentials or anything else.</strong></p>

<p>Now before you all start screaming at me, I have done my research and I have found out that you CAN'T 100% secure or hide your client side scripts. The only thing that you can do is <a href="https://en.wikipedia.org/wiki/Obfuscation_(software)" rel="nofollow noreferrer">obfuscation</a> making it harder for people to read &amp; understand the code.</p>

<p><strong>My Question is that</strong>, is it normal or a standard practice for people to be able to view HTTP requests to API/Servers as you can see in the attached image above? How can I make my code more secure.</p>

<p>Thanks.</p>