Elm SPA starter

Initialize a SPA stack composed with:

• A header: with a logo icon and a navigation menu (to expose some routes)
• A content: depending on the page to load (from the URL being loaded)
• A footer

Startup

MacOS

Prerequisites: Homebrew

• Install elm: brew install elm
• Install or update npm: brew install npm or brew upgrade npm
• Install elm-live: npm install -g elm-live
• Start application: elm-live src/Main.elm --port=1234 --open -- --output=main.js

Unix

• Install elm: apt-get install elm
• Install or update npm: apt-get install npm or apt-get upgrade npm
• Install elm-live: npm install -g elm-live
• Start application: elm-live src/Main.elm --port=1234 --open -- --output=main.js

Windows

• Install elm: Windows Installer
• Install or update npm: Node
• Install elm-live: npm install -g elm-live
• Start application: elm-live src/Main.elm --port=1234 --open -- --output=main.js

Technologies

Written in Elm 0.19.0

Hot-reload

Install elm-live: npm install -g elm-live

Start application: elm-live src/Main.elm --port=1234 --open -- --output=main.js --debug

Formatter

Install elm-format following this startup guide: Install Elm format

This aims to format using Elm style guide when saving.