All ProjectsCivic / Nonprofit

Xceptional Heroes

xceptionalheroes.org
xceptionalheroes.org
Xceptional Heroes civic / nonprofit website — homepage screenshot

Scan to visit

100
Accessibility
100
SEO
100
Best Practices
AA
WCAG 2.2 conformance

Overview

Xceptional Heroes is a 501(c)(3) nonprofit in Flint, Michigan — 'Finding the Superpowers in all Abilities' — providing inclusive social, recreational, and life-skills activities for young adults 17+ with intellectual and developmental disabilities across Genesee County, from their home base at The HUB.

The Challenge

The audience includes the Heroes themselves, their families, volunteers, and donors — so accessibility couldn't be a compliance checkbox; it had to be the foundation. The organization also needed events, RSVPs, volunteer coordination, donations, a merch shop, and newsletters in one place, replacing scattered Facebook posts and paper forms.

Our Solution

We built an accessibility-first monorepo with WCAG 2.2 AA as the floor, not the goal: large high-contrast type, full keyboard support, reduced-motion respect, and a visible on-page accessibility toolbar. A public Astro site pairs with a React member/family portal — event RSVPs, volunteer management, and an admin dashboard — backed by a Fastify API handling Stripe donations, shop orders, and the newsletter.

Key Features

On-page accessibility toolbar — WCAG 2.2 AA as the floor
Member & family portal with event RSVP
Volunteer opportunity signups and management
Stripe-powered donations and merch shop
Admin dashboard for events, members, and volunteers
Newsletter publishing with public archive
Photo gallery of programs and outings
Shared design-token package keeping every surface on-brand and accessible

Results

A platform every Hero and family member can actually use — keyboard, screen reader, or touch
Donations, shop, RSVPs, and volunteer signups consolidated in one place
The HUB and its programs discoverable in local search across Genesee County
One codebase serving the public site, member portal, and API

Built with

AstroReactFastifyPrismaPostgreSQL (Neon)StripeTailwind CSSAWS S3 + CloudFrontTurborepo monorepo

Want similar results?

Let's talk about your project.

Get Your Custom Quote