In the last step when I check the deployment status, I am unable to see the app running on heroku, I instead see the default heroku app screen as follows
Thanks a lot for working on this! Sadly did I never use Heroku so I can not tell you what exactly is going wrong. Expect, however, that the issue is related that it starts on a different port than you expect. n8n runs by default on port 5678 but you do not mention it anywhere in your guide. So do not know how Heroku would know about that and I would say it can not work.
If that is not the problem or something else is still not working, it is maybe a good idea to check out the following documentation and guides. Maybe reading through them helps you figure out what could be missing or is wrong:
Additionally is here also the default docker-compose setup. Maybe you find also something there that helps:
2020-04-15T11:19:50.178271+00:00 app[web.1]: [WARN tini (3)] Tini is not running as PID 1 and isn't registered as a child subreaper.
2020-04-15T11:19:50.178300+00:00 app[web.1]: Zombie processes will not be re-parented to Tini, so zombie reaping won't work.
2020-04-15T11:19:50.178302+00:00 app[web.1]: To fix the problem, use the -s option or set the environment variable TINI_SUBREAPER to register Tini as a child subreaper, or run Tini as PID 1.
2020-04-15T11:19:50.179480+00:00 app[web.1]: su-exec: setgroups: Operation not permitted
2020-04-15T11:24:54.478493+00:00 heroku[router]: at=error code=H10 desc="App crashed" method=GET path="/" host=my-app.herokuapp.com request_id=myid fwd="myip" dyno= connect= service= status=503 bytes= protocol=https