Skip to content


Repository files navigation

Abundant Housing Vancouver Letter Builder

This is the front-end of the letter sending system that we use at Abundant Housing Vancouver to mobilize support for worthwhile housing projects. It's designed to 1) be very quick to use, 2) generate semi-randomized text that reads much better than a form letter. You can try it out in demo mode (don't worry, it won't send an email).


This front-end passes messages to our Serverless Framework back-end to be reviewed in Slack and then emailed. The back-end also provides query analytics using AWS Athena.

Technical Details

The front-end is an Angular client-side web app and most of the configuration lives in a Google spreadsheet that is read using tabletop.js. The UI is built using Tailwind CSS.


Inspired by Melody Ma's 105 Keefer letter generator.

How to run a test version

Run npm run start for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.


Run npm run build-prod to build the project for production. The build artifacts will be stored in the dist/ directory.