World Classrooms Donation Portal
10,000 Annual Travelers
Stack
TypeScript
Vue
Tailwind
Zod
Bitbucket
Partnered with World Classrooms, an organization that provides middle and high school students the opportunity to take guided educational trips to Washington D.C. and New York City. I was tasked with building the frontend for a donation microsite, enabling friends and family to contribute directly toward a traveler’s trip costs.
Key Contributions & Impacts:
-
Design to Delivery: Converted Figma designs into a fully functional, production-ready site using TypeScript, Vue, Tailwind, and Zod.
Donation Flow: Built a streamlined user experience for entering donation amounts and traveler details, ensuring accessibility and ease of use for families.
Validation & Reliability: Leveraged Zod to handle client-side validation, reducing friction and preventing errors during donation entry.
Responsive Frontend: Delivered a responsive design optimized for mobile and desktop, ensuring usability for a wide range of donors.
Support for Students: Helped create a frictionless way for travelers to offset trip costs, increasing accessibility and participation in educational travel experiences.