YWCC Capstone Website v2

Problem

The YWCC Capstone Program relied on a legacy WordPress site that was slow, difficult to maintain, and lacked structured content management. Sponsor information, project showcases, and event listings were scattered across static pages with no unified data model, making updates error-prone and time-consuming for program administrators.

Approach

Built a modern monorepo (Astro frontend + Sanity Studio) with a structured content model for sponsors, projects, events, and testimonials. Adopted a page-builder architecture with composable blocks so editors can assemble pages visually without developer intervention. Implemented multi-site support for future YWCC program expansion, TypeScript-first development with generated types from the CMS schema, and comprehensive testing (Vitest unit/integration + Playwright E2E). Established a design-to-development pipeline using Figma for UI/UX design and Storybook.js for isolated component documentation, enabling consistent visual review and rapid iteration across the team.

Tech Stack

Astro 5 (SSR + static hybrid) / Sanity CMS v3 with Visual Editing / shadcn/ui + Tailwind CSS v4 / TypeScript with Sanity TypeGen / Cloudflare Workers (edge SSR) + D1 + KV / Docker Compose for local development / Vitest + Playwright for testing / Better Auth for sponsor portal authentication / Storybook.js 10 for component documentation and visual testing / Figma for UI/UX design and design system handoff.