not able to load java script files and bower_components/angular/angular.js
<p>When i run the localhost:3000 server , i'm getting these errors in the console:</p>

<p><a href="http://localhost:3000/bower_components/angular/angular.js" rel="nofollow">http://localhost:3000/bower_components/angular/angular.js</a> Failed to load resource: the server responded with a status of 404 (Not Found)</p>

<p><a href="http://localhost:3000/controller.js" rel="nofollow">http://localhost:3000/controller.js</a> Failed to load resource: the server responded with a status of 404 (Not Found)</p>

<p>It was working if i put the angular.js script in the index.html instead of putting it seperately in controller.js , i don't know why i'm getting an error when i use script tags.</p>

<p>the directory diagram is like this</p>

<pre><code>-files
  -bower_components
    -angular
  -index.html
  -controller.js
  -server.js
</code></pre>

<p>this is the index.html file</p>

<pre><code>&lt;!DOCTYPE html&gt;
&lt;html ng-app="App"&gt;
&lt;head&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;&amp;nbsp;&lt;button ng-click="clearfield()"&gt;Clear&lt;/button&gt;
&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;&amp;nbsp;&lt;button ng-click="edittask(task._id)"&gt;Edit&lt;/button&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;/div&gt;


&lt;/body&gt;

&lt;script type="text/javascript" src="bower_components/angular/angular.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript" src="controller.js"&gt;&lt;/script&gt;

&lt;/html&gt;
</code></pre>

<p>this is the server.js file</p>

<pre><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("/index.html",{root:__dirname}); 
});

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

app.post('/todolist', function (req, res) {

  TodoModel.create({name:req.body.name},function(err,task){
    res.send('created');
  });

});

app.delete('/todolist/:id', function (req, res) {

 TodoModel.remove({_id:req.params.id}, function (err) {
     res.send('');
 });
});

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.findByIdAndUpdate(req.params.id,
     {name: req.body.name},
      function (err, task) {

      res.json(task);
    }
  );
});

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