Skip to content
πŸŽ› Elm Dashboard for a serverless spending tracker
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Type Name Latest commit message Commit time
Failed to load latest commit information.

Elm Dashboard

A simple dashboard, written in Elm, to track expenditures

Try it out here!

Elm is a programming language which compiles to HTML and JavaScript. Elm's advantages include an intuitive functional reactive programming style, a no-runtime-error guarantee, and a time-travelling debugger.

Elm Dashboard screenshot showing bar chart and tablular data

This dashboard:

  • Fetches data asynchronously through the Elm HTTP commands;
  • Decodes this data from a JSON string into Elm native data-types;
  • Formats the data into a table; and
  • Displays a subset of this data in a bar chart.

One external library, elm-plot is used to display the bar chart.

The data shown is retrieved from a spending tracker API hosted on Amazon Web Services. This spending tracker returns a nested, sorted JSON structure containing total amounts of money spent for each category.

You can’t perform that action at this time.