not allowed to load local resource, and angular.min.js:35 Uncaught Error: [$injector:modulerr]
<p>this is the server.js file
<div class="snippet" data-lang="js" data-hide="false" data-console="true">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>var express = require('express');
var app = express();
var mongoose = require('mongoose');
var bodyParser = require('body-parser');
app.use(bodyParser.json());

mongoose.connect("mongodb://localhost/test");

var todoschema = new mongoose.schema ({
 name : {type: String, required: true}
 });

var todomodel = mongoose.model('todolist',todoschema);

app.get('/',function(req,res){
   res.sendFile('C:\\Users\\Rohit\\Desktop\\New folder\\todo.htm');
});

app.get('/todolist', function (req, res){
    todomodel.find(function(err,tasks){
      res.json(tasks);
     });
});

app.post('/todolist', function (req, res) {
  
  todomodel.insert(req.body, function(err, task) {
    res.json(task);
  });
});

app.delete('/todolist/:id', function (req, res) {
  
 todomodel.remove(req.params.id, function (err, task) {
    res.json(task);
  });
});

app.get('/todolist/:id', function (req, res) {
  
  todomodel.findById({req.params.id, function (err, task) {
    res.json(task);
  });
});

app.put('/todolist/:id', function (req, res) {
  
  todomodel.findAndModify({
     query: req.params.id,
     update: {$set: {name: req.body.name}},
     new: true}, function (err, task) {
      
      res.json(task);
    }
  );
});

app.listen(3000);
console.log("Server running on port 3000");</code></pre>
</div>
</div>
</p>

<p>This is the todo.html file</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true">
<div class="snippet-code">
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
&lt;html ng-app="App"&gt;
&lt;head&gt;


&lt;script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.12/angular.min.js"&gt;&lt;/script&gt;
&lt;script src="C:\Users\Rohit\Desktop\New folder\frontend.js"&gt;


&lt;/script&gt;

&lt;style&gt;
#list   
{ margin-left:320px;
  font-size: 40px;
  font-family:verdana;
}
button     
{ color:yellow;background-color:red;text-align:center;cursor:pointer;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  font-size:40px;
  padding: 14px 32px;
}
button:hover
{ background-color:Peachpuff;
  color:tomato;
}
&lt;/style&gt;
&lt;/head&gt;

&lt;body style="background-color:cyan;"&gt;

&lt;div ng-controller="Ctrl"&gt;

&lt;h1 style="text-align:center;font-family:verdana;"&gt;To-Do LiSt&lt;/h1&gt;

&lt;div style="margin-left:300px"&gt;
&lt;input type="text" ng-model="task.name" style="background-color:black;color:white;font-size:40px;width:40%"&gt;
&lt;button ng-click="addtask()"&gt;Add&lt;/button&gt;&amp;nbsp;&lt;button ng-click="updatetask()"&gt;Update&lt;/button&gt;&lt;button ng-click="clearfield()"&gt;Clear&lt;/button&gt;&amp;nbsp;
&lt;/div&gt;

&lt;ul&gt;
&lt;li id="list" ng-repeat="task in todolist"&gt;
{{task.name}}

&lt;button ng-click="deletetask(task._id)"&gt;Delete&lt;/button&gt;&amp;nbsp;&lt;button ng-click="edittask(task._id)"&gt;Edit&lt;/button&gt;
&lt;/tr&gt;
&lt;/table&gt;

&lt;/div&gt;


&lt;/body&gt;
&lt;/html&gt;</code></pre>
</div>
</div>
</p>

<p>This is the frontend.js file</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>var App = angular.module('App',[]);
App.controller('Ctrl',['$scope','$http',function($scope,$http) {
         
    var reset = function(){
      $http.get('/todolist').success(function(response){
        $scope.todolist=response;
        $scope.task="";
        });
     };

  reset();

$scope.addtask = function() {
  $http.post('/todolist', $scope.task).success(function(response) {
       reset();
    });
 };

$scope.deletetask = function() {
  $http.delete('/todolist/'+ id).success(function(response){
      reset();
      });
   };
 
$scope.edittask = function(id) {
   $http.get('/todolist/'+ id).success(function(response){
       $scope.task=response;
     });
   };

$scope.updatetask = function(id){
   $http.put('/todolist/'+$scope.task._id, $scope.task).success(function(response){
       reset();
    });
 };

$scope.clearfield = function(){
   $scope.task="";
}

}]);</code></pre>
</div>
</div>
</p>

<p>This is the error , it shows in the browser console </p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true">
<div class="snippet-code">
<pre class="snippet-code-html lang-html prettyprint-override"><code>Not allowed to load local resource: file:///C:/Users/Rohit/Desktop/New%20folder/server.js
angular.min.js:35Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.3.12/$injector/modulerr?p0=App&amp;p1=Error%3A%20…gleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.3.12%2Fangular.min.js%3A17%3A381)
http://localhost:3000/favicon.ico Failed to load resource: the server responded with a status of 404 (Not Found)
Failed to parse SourceMap: https://ajax.googleapis.com/ajax/libs/angularjs/1.3.12/angular.min.js.map</code></pre>
</div>
</div>

I tried to display the todo.html file by connecting to //localhost:3000, the file was displayed , but the frontend.js file which contains the javascript of todo.html didn't load and it also threw a few errors in the brower console . Any help on how to exactly import the frontend.js into todo.html file while connecting to localhost server will be helpful </p>