I'm new to Angular and am trying to host a little app I built on Heroku, and I'm understanding I'd need a webserver. I've heard of Express, but never used it before. If someone would point out what I need to add to my server.js file in order for me to be able to host it on Heroku; that'd be much appreciated! Also, if there are better, easier solutions out there that would allow my app to be hosted on Heroku, please let me know.

My file structure is as follows:

Project/

|-- components
    |-- project.controller.js
    |-- project.factory.js
|-- css
|   |-- style.css
|   |
|-- node_modules   
|
|-- scripts
|   |-- app.js
|
|
|-- index.html
|-- server.js
|-- package.json
|-- README

The very simple code from my app.js file in /scripts) is:

(function() {



"use strict";

  angular
    .module('project', ['ngMaterial', 'firebase'])
    .config(function($mdThemingProvider) {
      $mdThemingProvider.theme('default')
        .primaryPalette('teal')
        .warnPalette('deep-orange')
        .accentPalette('indigo');
    });

})();

And the code that I've got so far from my server.js file is:

var express = require('express');
var app = express();

// app.use(express.static(__dirname + '/public'));

app.get('/', function(req, res){
  res.redirect('/index.html');
});

var PORT = process.env.PORT || 8080;
app.listen(PORT);

I'm understanding things are missing. I'd greatly appreciate some help in figuring this out. Thanks in advance! I'll gladly share more code if that could help.