Elm I18n Example

An example implementation of runtime language switching using Elm.

It re-implements Tachyons' Full Screen Centered Title component documentation page in Elm, adds a language dropdown menu, and allows you to switch the language of the message displayed.

Blog Posts

This project was initially created as part of a blog post I wrote:

• Runtime Language Switching in Elm

The post references the example when it was using Elm 0.18, so that application state is preserved in the 0.18 branch.

The master branch runs the application using Elm 0.19.1.

The tests were created as part of another blog post I wrote about using Cypress:

• A Canvas of Cypress Tests

You can find the Cypress integration test suite for this application here.

Presentation

I did a talk about this project at the Elm Sydney Meetup on 21 June 2018 (slide deck).

Setup

git clone https://github.com/paulfioravanti/elm-i18n-example.git
cd elm-i18n-example
npm install

Run Server

elm-app start

Run Review

This repo uses elm-review via elm-review CLI to check coding standards.

npx elm-review

Deployment

Deployed to Github Pages using gh-pages at https://www.paulfioravanti.com/elm-i18n-example/.

Pre-requisites

npm install --global gh-pages

Deploy

See push file for details.

./push