index page does not look the same and heroku is not free

I've been following the steps as they've been written but I've come across a few issues I urgently need to fix. (i only have a day to fix this for a project)
1- when initializing the cockroachdb leaderboard table in the fourth step of the entire tutorial, the 'cockroach sql' command does not work, it says 'cockroach' is not recognized in the terminal.
2- when I run index.html on a server, the layout looks very different. is there some sort of CSS extension i should've added or did i miss a step?
3- heroku does not offer a free trial to use to create this app. do i need it or is it a step i can skip?

please help.

チュートリアルの4番目の手順、index.html ページ、CockroachDB のセットアップ手順を確認します。cockroach sql コマンドの失敗と異なるレイアウトを再現し、その後 Heroku の手順がまだ必要かどうかを確認します。ドキュメントに記載されたセットアップが機能し、ページが示されているとおりに表示され、Heroku の要件が明確に説明されていれば完了です。

索引モデルが issue の本文から書いたものです。