blakewest/elm-tutorial-app

An example Elm single page application

An example SPA in Elm

An example Elm single page application built for http://www.elm-tutorial.org/

This application uses

• Html.App for structure
• Navigation for routing
• Webpack for building
• Basscss for css styles
• JsonServer for fake api

This application demonstrates

• Elm architecture
• Routing
• Ajax requests and Json parsing
• External CSS

Setup

• Install Elm
• Install Node

Install the necessary node packages:

npm install

Running the application:

In one terminal run the webpack dev server:

npm run dev

In another terminal run the fake api server:

npm run api

Open http://localhost:3000

TODO

• Add player
• Delete players
• Change player name
• Show error messages
• Optimistic updates
• List of perks
• Show perks for player
• Validation for player name when empty
• Search box for perks
• Tests
• When deleting a player delete associated perksPlayers