Live Commerce Platform Development for Travel

StreamSell24 – Live Commerce Platform for Travel is a full-stack web application that enables travel organizations to broadcast live streams and sell products in real time. Built with React, Node.js/Express, MySQL, WebRTC (PeerJS), and Stripe, it connects broadcasters and buyers in a seamless live shopping experience—combining streaming, product management, and secure checkout in one platform.

Enable travel organizations to go live and sell products during streams

Give users a simple way to discover, watch, and purchase from live sessions

Support dual account types (individual users and organizations) with role-based access

Deliver real-time video via WebRTC with stream-linked product overlays

Integrate secure payments through Stripe Checkout

Provide a scalable REST API for auth, streams, products, and orders

React 18 + TypeScript → Built a typed, component-driven SPA

Vite → Fast development and production builds

Tailwind CSS → Modern, responsive UI

React Router → Role-based navigation and protected routes

PeerJS (WebRTC) → Real-time publisher/viewer video streaming

Axios / Fetch → API communication with JWT auth

Framer Motion + Lucide React → Motion and UI polish

Stripe Checkout (client flow) → Redirect-based purchase experience

Node.js + Express → RESTful API for users, streams, products, and webhooks

MySQL → Persistent storage for users, organizations, streams, products, and orders

JWT + bcrypt → Secure authentication and password hashing

Stripe API + webhooks → Product sync, Checkout sessions, and order completion

Multer → Product image uploads

node-media-server / FFmpeg → RTMP→HLS streaming pipeline (parallel media path)

mediasoup (experimental) → SFU-based WebRTC publishing/consuming

Separate registration/login flows for Users and Organizations

JWT-based session management with protected routes

Role-specific dashboards for viewers and broadcasters

Organizations initialize and manage stream sessions (pending → live → ended)

Camera/mic controls, stream setup (title, quality, privacy)

Real-time broadcasting via PeerJS WebRTC

Viewer count tracking and active stream discovery

Users browse currently live streams

Join streams by ID with real-time video playback

Public endpoints for active streams and stream details

Organizations create, update, and soft-delete products tied to a stream

Product images, pricing, and Stripe product/price sync

Viewers see product overlays/cards while watching and can purchase instantly

One-click checkout sessions for stream products

Payment success/cancel flows with session verification

Webhook-driven order recording and status updates

Primary live UX powered by browser WebRTC (PeerJS)

Supporting RTMP/HLS pipeline for traditional streaming workflows

Optional mediasoup SFU path for scalable WebRTC experiments