Elm-workshop


This is an elm-workshop that guides in create an elm application from scratch.

Getting started

Setup:

nix-shell
npm i

Serve the application:

parcel serve src/index.html

Workshop structure

  • Part 1 - Bootstrapping
    • Make a minimal elm sandbox application using Parcel
  • Part 2 - Application
    • Switch over to Browser.application instead of Browser.sandbox
  • Part 3 - Session
    • Create a Session module and add it to the main model
  • Part 4 - Pages
    • Create a Page structure and page module (e.g. Page/Home.elm, Page/Pokedex.elm)
  • Part 5 - Routing
    • Add routing to the application and make it possible to navigate between pages
  • Part 6 - Pokemon API
  • Part 7 - UI components
    • Create reusable ui components (e.g. Navbar, Searchbar, Button, Link)
  • Part 8 - Styling
    • Add elm-css and make some basic styling to some of the components