A very fast demo of using data from the Ontario Data Catalogue to build a client-side application.

Built with:

• https://www.11ty.dev/
• https://alpinejs.dev/

No guarantees and not an official project of the Ontario Digital Service!

The demo is viewable online at https://aharnum-ods.github.io/marriage-officiants-demo/

Requires node and npm.

• npm install
• npm run serve
• Visit http://localhost:8080 in your browser

Nearly everything here is default 11ty, but these two files are specifically of interest:

• src/_data/weddingOfficiants.js:
  • Fetches and caches the marriage officiants dataset using the eleventy-fetch plugin
  • Parses and transforms the data, and makes it available to templates using Eleventy's global data files feature
• src/index.njk:
  • Generates a page listing all officiants by municipality and affiliation
  • Uses https://alpinejs.dev/ for hide/show behaviour