Skip to content
Basic Todo list example, written with FRP in Elm
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.

TodoFRP – live demo

This basic todo list demonstrates how FRP and Elm can make writing traditional web apps easier. Currently it is quite simple, but that makes it a nice resource for learning more about making "traditional webapps" with Elm.

Build Locally

After installing the Elm compiler, follow these steps:

git clone
cd TodoFRP/src/
elm --make Todo.elm

Then open build/Todo.html in your browser.

If you want to be fancier, you can run elm-server in the src/ directory. Then navigate to localhost:8000/Todo.elm. The project will be recompiled whenever you refresh that page in your browser.

Project Layout

All of the code for this project lives in the src/ directory.

  • Model.elm: Representation of the todo list application.
  • Update.elm: Describes how to update the todo list based on user's actions.
  • Inputs.elm: Describe the UI input elements and the actions the user's actions.
  • Display.elm: How to display our model and inputs on screen.
  • Todo.elm: Bring together the model, update, inputs, and display to create the todo list.
You can’t perform that action at this time.