HyperCast - Digital Subscription Platform
The Problem
The storefront needed to explain subscription plans, collect a customer email, present checkout, and route support messages through a single responsive interface.
My Role
Storefront frontend and serverless email/contact endpoint implementation.
Approach
A React storefront presents plans and an order modal. The modal renders PayPal buttons, while Vercel functions handle order emails and support submissions. The support form uses reCAPTCHA before sending.
Technical Decisions
Keep checkout steps in one modal
The order interface moves from email entry to payment and a completion view, keeping plan context visible through the flow.
Use serverless email routes
Resend calls run in API functions rather than the browser. The support route verifies a reCAPTCHA token before sending its message.
Stack
React 18, Vite, Tailwind CSS 4, React Router, PayPal Buttons, reCAPTCHA, and Vercel functions using Resend.
Outcome
The source includes pricing, checkout UI, and contact and email flows. A successful live payment or automatic fulfillment was not independently verified for this case study.
What I'd Take Into the Next Project
Payment capture shown in the client is separate from server-side transaction verification; the case study does not present email delivery as proof of a verified purchase.