Skip to content

igoodrich/phoenix_elm_hello

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

PhoenixElmHello

Simple project that shows phoenix and Elm playing quite nicely together. Not a lot of work!

  • phoenix 1.1.4
  • Elm 0.17

![Screenhot] (https://github.com/igoodrich/phoenix_elm_hello/blob/master/web/static/assets/images/hello_from_elmland.png)

Motivation

I thought a github project and a diff would be a simplest way to see what should be done. If you want more of a walk through, check out the helpful blog posts.

Links to Helpful Blog Posts

This repo is a condensed version of what's here:

Instructions

Make your phoenix app

mix phoenix.new phoenix_elm_hello
cd phoenix_elm_hello/
mix ecto.create
mkdir web/elm

Edit Files

All the Changes

npm install

npm install

elm packgage install

cd web/elm
elm package install elm-lang/html
cd ../..

start phoenix

mix phoenix.server

[http://localhost:4000] (http://localhost:4000)

![Screenhot] (https://github.com/igoodrich/phoenix_elm_hello/blob/master/web/static/assets/images/hello_from_elmland.png)

Notes

  • Changes to your elm file will autocompile (cool!)
  • If you add more elm modules, you need to add them to your brunch-config.json (I think)