An example SPA in Elm

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

This application demonstrates

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

This application uses

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

Setup

• Install Elm
• Install Node

Install global packages

npm install -g foreman

Foreman is a package that allows running several servers with one command.

Install the local node packages:

npm install

Running the application:

nf start

Open http://localhost:3000

Possible improvements

• 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