Portals.

A hybrid event management and live streaming platform that empowers creators and organizations to host, manage, and monetize virtual, in-person, and hybrid events.

Overview

Developed the web application for Portals — a full-featured event platform that enables organizers to create and broadcast live events, engage audiences in real-time, and build communities through personal event portals. From live Q&A and polling to ticketed registration and Stripe-powered payments, Portals provides end-to-end event management for conferences, webinars, workshops, and social gatherings. The platform supports both virtual streaming (via HLS/Vimeo) and in-person events with check-in capabilities.

My Role

Frontend Developer — Built the web application using Next.js 15 and React, implementing the core event management dashboard, real-time virtual event experience (live streaming, Q&A, polls, chat), portal system, and audience engagement features.

Key Features

Live Streaming & Virtual Events: Real-time event broadcasting with HLS playback, screen sharing, live subtitles, and emoji reactions — delivering a seamless virtual event experience for both presenters and audiences.
Real-time Audience Engagement: Interactive Q&A, live polling with instant results, in-event messaging, and topic discussions powered by WebSocket (Socket.io), keeping audiences actively engaged throughout events.
Portal System & Community Building: Creators can build personalized event portals with customizable themes, follower systems, and member management — serving as a hub for their events and community.
Event Registration & Ticketing: Full registration workflow with RSVP management, waitlists, paid/free ticket tiers, group tickets, and Stripe Connect integration for creator payouts.
Hybrid Event Support: Seamless management of virtual, in-person, and hybrid events with on-site check-in, capacity management, interactive maps (Mapbox), and timezone-aware scheduling.
Team Collaboration & Role Management: Role-based access control (organizer, speaker, moderator, staff) with team invitations, enabling collaborative event management across organizations.

Tech Stack

Next.js 15, React, TypeScript, Redux Toolkit, TanStack Query, Socket.io, HLS.js, Tailwind CSS, Stripe, Mapbox GL, AWS S3, Zod, React Hook Form

Challenge & Solution

Building a responsive real-time virtual event experience required handling thousands of concurrent WebSocket connections while keeping the UI performant during high-engagement moments (e.g., live Q&A floods, rapid poll voting, emoji reaction bursts). I implemented an event batching and throttling strategy — aggregating incoming socket events into micro-batches before dispatching state updates, combined with virtualized rendering for large lists — reducing unnecessary re-renders by approximately 60% and maintaining smooth 60fps interactions even during peak audience activity.