Jaden Flanery

Project 2 of 10

The Leadership Academy

Paid client work through Flanery Solutions: the recruiting site, application pipeline, and private course portal for a free eight-week leadership program run by a teen mental-health nonprofit.

LiveClient build via Flanery Solutions LLC · design, build, launch, and staff trainingVisit the live app

Ever try to run a program for teenagers out of an inbox — applications, selection, weekly lessons, homework — with nowhere for any of it to live? What if one site recruited the class, picked it, and taught it?

See it work

01

Built to recruit.

The Leadership Academy landing page: navy background, mountain mark, a free eight-week leadership program for Shawnee County high school students, and an Apply Now button
The landing page has one job — get a high schooler to tap Apply — so it says exactly one thing and puts the button where a thumb lands.
02

Explains it to parents and schools.

The Leadership Academy program page: Eight dinners, Eight pillars, with chips reading 8 weeks, Dinner every week, Completely free
The informational pages carry the program for the adults in the room: eight weekly dinners, eight pillars of leadership, completely free — and why it is built to be practiced, not lectured.
03

Every applicant gets an account.

The Leadership Academy sign-in page beside a photo of Coach Parker speaking to a full room
Registration collects the guardian's details and consent before a word of the application is written, so nothing arrives as an orphaned form. From here the application, the status view, and later the course portal all live behind the same sign-in.
The Leadership Academy landing page on a phone
04

Phone first.

The applicants are teenagers, so the phone layout is the real layout — the desktop version is the adaptation.

The goal

The Jones Project runs a free eight-week leadership program for Shawnee County high school students. They needed one place that does three jobs: a public, video-forward site that recruits applicants and explains the program to parents and schools; an application pipeline that collects structured answers, a photo, and an optional short video into private storage; and a role-gated portal where the selected class works through weekly lessons and submits assignments while the director runs selection and the board reviews.

It is a small-N system on purpose: forty to fifty applications, sixteen to twenty students, eight admins, eight lessons. Every design decision favors correctness and safety over scale — a declined fifteen-year-old must never find out by absence, and nothing leaves the building that the director didn't approve.

Background

Three phases shipped in dependency order: the recruitment funnel, then selection, then course delivery. The portal is role-blind on the surface and role-aware underneath — students, board members, and the builder each get a different app behind the same sign-in, with row-level security on every table. Lessons carry assignments with photo and short-answer submissions, and student video goes straight to Cloudflare Stream. The whole thing runs on the organization's own Supabase and Vercel accounts, so they own it outright.

It launched in July 2026 and has kept moving since: a navy interior theme, the first lesson live in production, and a second design pass to strip anything that read as generic. The gate before every push is typecheck, lint, 400+ unit tests, and a production build; a Playwright suite of 230+ end-to-end specs runs against a production server before anything ships.

Built with AI

This is my process applied to someone else's organization, with someone else's money on the line. The spec came out of working sessions with the director and his actual documents; the three phase plans were written before any code; and Claude executed under review with a hard gate script that never reports a deferred test as passed. Separate audit passes covered accessibility, security, functionality, and UX before launch.

The part that made it a business and not a project: pricing the work, invoicing it, training the staff to run the site themselves, and setting it up under their accounts instead of mine. Flanery Solutions LLC exists because of this build.

Stack

Next.jsTypeScriptSupabaseCloudflare StreamResendVercel