Night shift · Nonprofit

The charity office

A small US charity's public site and the office behind it. Gifts and donors in one place, expenses beside them, a newsletter sent from the same records, sign-ups for benefit evenings, and reports the board can read.

This one stays unnamed, and this page stays out of search engines, at the charity's request. In the screenshots the name and logo are covered and every amount is blurred.

The office overview: a sentence on giving this year against the same point last year with every amount blurred, four summary cards, the year's goal, and a list of what needs a person — The first screen in the office. The year so far against the same point last year, what carries it, the goal, and what is waiting on a person.

Reports

Giving, read plainly

Every chart answers one question a board member would ask out loud. Benefit evenings are marked on the timeline, so the effect of each one is plain to see.

A bar chart of giving month by month with dashed lines marking benefit evenings, and below it where gifts are directed, how they arrive and gift sizes, every amount blurred — Giving month by month since the first gift, then where gifts are directed, how they arrive and how big they are.

What it does

A gift is written down as promised. A person confirms it arrived, and only confirmed gifts count in any total or send a receipt.
Card and bank details never touch the site. Gifts arrive by card, payment app or check, and are recorded here.
Who can see money is a switch per person. Every admin action goes in an activity log, and every sign-in in a sign-in log.
Expense reports and their categories sit beside the gifts, so both sides of the books are in one place.
The newsletter is written in blocks, and shows the exact email subscribers will get before anything is sent.
Public pages set no cookies for ordinary visitors.

What it runs on

Next.js: The public site and the office, on Vercel.
Supabase: Gifts, donors, expenses, benefit sign-ups and staff accounts, behind row-level security.
Resend: Newsletters and receipts.
Upstash: Rate limits on the public forms.

How the giving and the forms work underneath, and how this work feels, is on The giving ledger.

All work Next: The giving ledger