One day my friend Ram said lets build something with Phoenix as backend. I said ok, lets use Elixir and React. He suggested using ELM for frontend, and journey started.

So, I started with ELM but many of blogs and tutorials were for ELM 0.17 and 0.18. I came across the excellent Real World App example by Richard Feldman https://github.com/rtfeldman/elm-spa-example

The example is a clone of medium blog and covers alot of things needed for getting started with. (Login, Profile page, display list of posts, paginated list, follow unfollow user, session and more). But when I started navigating through the code, I found it difficult to understand on where to begin with and what will be incremental steps for the code. Other videos I have seen cover only the functionalities on the same page. So I felt a need of another talk.

This talk will be fast forward one. To cover as much as possible in 40 minutes.
So, instead of writing every line by line, will give a quick explain on a block of code and remaining similar blocks will be copy pasted. Similarly, for UI and CSS will use minimal Flexbox snippets, but as copy paste.
The ELM syntax is much like Haskell and in order to understand, will give a quick overview at the beginning.

------

create an app using ELM v0.19 and Phoenix(above v1.3).

• An app more advanced than TODO app
• Will be slides with code.
  i.e step by step what code/functions/methods need to write.
  Incremental sequence.
• Not cover basics on why; but how to.
• Frontend app is separate from backend app.
• More of ELM, less of phoenix. So other language people can also find this useful.