Project Highlights
- Built a Vue 3 single‑page application with TypeScript and Tailwind CSS, structuring the UI with the Composition API to enable event browsing, search, and detailed ticket selection.
- Implemented Netlify Functions in TypeScript as a serverless backend, connecting to MongoDB for persistent storage of events, tickets, orders, guests, and host applications.
- Integrated Firebase Authentication to support email/password, Google sign‑in, and anonymous guest checkout, allowing users to purchase tickets without creating an account and later upgrade seamlessly.
- Connected Stripe Checkout in test mode via serverless endpoints, handling multi‑ticket, multi‑quantity purchases in a single session and generating purchase‑confirmation emails with ticket codes through Resend.
- Added Cloudinary image handling for host‑uploaded event banners, processing uploads in Netlify Functions and storing URLs for display in public event pages and host dashboards.
- Created a host dashboard featuring revenue summary cards, a six‑month revenue chart, event management tables, and a recent‑activity feed, all powered by aggregated data from MongoDB.
- Wrote a comprehensive Playwright end‑to‑end test suite covering authentication flows, guest and host checkout, host onboarding, event management, and past‑event behavior, ensuring reliability across deployments.