Firebaseを扱ったり、http通信を行う場合、jsonを扱う必要が出てきます。
以下が必要になります。

1. elm install elm/json
2. JavaScriptからElmへデコード（かなりややこしい）
3. ElmからJavaScriptへエンコード
4. それぞれ、portでデータのやり取り

elm install elm/json

異なる言語、異なる場所でのデータをやり取りをするための記述方法の一つです。
{ … } の中に、

1. ダブルクォーテーション(“)で囲んだ変数名 と
2. 値

をコロン(:)で区切り、ペアとします。ペアをカンマ(,)で連結することにより、例えば、下記のように記述します。

{ "name": "Tanaka", "age": 26 }

JSONデータは『文字列』です。

http://www.tohoho-web.com/ex/json.html
JSONとは

https://www.sejuku.net/blog/79911
JavaScriptのjson stringifyを完全に理解しよう！
かい
2018/11/27

連想配列っぽいものを、

• JavaScriptでは『オブジェクト』
• Elmでは『レコード』

と呼びます。微妙に書き方や使用方法が異なります。

オブジェクト / レコード

JavaScript	Elm
{ x: 3, y: 4 }	{ x = 3, y = 4 }
point.x	point.x
point.x = 42	{ point | x = 42 }

以下のまとめが、非常に参考になります。

https://qiita.com/boiyaa/items/7050eb93106a93a8dfb8
@boiyaa
2017年02月27日に更新
ElmとJavaScriptのシンタックス比較表

elmアプリ（をJavaScriptにコンパイルしたファイル）からは直接、Firebaseとデータのやり取りをすることができません。

そのため、src/Main.elmとFirebaseプロジェクトの間を、index.html（ここにJavaScriptのコードを記載）に仲介させます。

Firebase →(JSON)→ index.html →(portまたはflag)→ src/Main.elm

https://qiita.com/A_kirisaki/items/4c5343426d9de976ac72
@A_kirisaki
2017年12月15日に更新
ElmでTodoリストを作る
→elm 0.18ですが、ほぼ同じにできそうです。

目次：Elm