World Classrooms Donation Portal

Professional

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.