Streamvibe — Streaming Platform (MERN)
A MERN streaming platform with admin uploads, subscription gating, and secure cookie-based auth.
- Next.js
- Node.js
- Express.js
- MongoDB
- Tailwind CSS
- Zustand
A portfolio-grade MERN project for publishing and consuming movies & series. It includes an admin workflow for uploading content, online playback and downloads, and subscription tiers to unlock premium limits. Authentication is implemented with HTTP-only cookies, and the app is hardened with common web security practices to reduce abuse and attack surface.
Key Features
Tech Stack
Next.js
Full-stack React framework with SSR, PPR, and Server Actions
Node.js
JavaScript runtime for building scalable server-side apps
Express.js
Minimal web framework with routing and middleware patterns
MongoDB
Document database with flexible schemas and aggregation
Tailwind CSS
Utility-first styling for modern, responsive UIs
Zustand
Minimal global state management with hooks
Challenges & Learnings
Secure Session Management
Protecting premium streaming content required moving beyond simple local storage. I implemented a robust authentication flow using HTTP-only cookies and backend middleware to prevent XSS attacks and unauthorized access to media assets.
State Management for Media-Heavy UI
Handling global states for the video player, user watchlists, and dynamic filtering pushed me to use Zustand. This reduced prop-drilling and optimized re-renders, resulting in a significantly snappier experience during playback.
Outcome
Streamvibe stands as a high-performance demonstration of my expertise in the MERN stack and secure content delivery. The project successfully showcases a seamless integration of premium UI design with complex backend logic, proving my capability to build scalable, production-ready media platforms with a focus on user security.