Shubhojeet.
ProjectsBlogConnect
← All projects
June 14, 2023
Star70 stars

Video Platform

A full-stack video platform with authentication, uploads, channels, playlists, comments, and creator-side management.

GitHubGitHubPlayWatch demo

Overview

Full-stack video platform with viewer and creator workflows: video upload, transcoding, playback, likes, comments, playlists, channel management, and analytics.

Full-stack video platform with viewer and creator workflows: video upload, transcoding, playback, likes, comments, playlists, channel management, and analytics.

MERN stack with Firebase Storage for media. Separate Express API and React frontend. MongoDB stores users, videos, engagement data. JWT auth with refresh tokens. Video processing pipeline uploads to Firebase, stores metadata in MongoDB.

How It Was Built

The main technical choices behind the product, from system design to the parts that make it work day to day.

  • Implemented video upload with chunked file handling (100MB chunks), progress tracking, and Firebase Storage integration.
  • Built engagement system with atomic operations: likes, dislikes, comments with nested replies, watch history tracking, and save-to-playlist.
  • Implemented video upload with chunked file handling (100MB chunks), progress tracking, and Firebase Storage integration.
  • Built engagement system with atomic operations: likes, dislikes, comments with nested replies, watch history tracking, and save-to-playlist.
  • Channel management includes video CRUD operations, analytics dashboard (views, engagement metrics), and subscriber notifications.
  • Separation of concerns: Express API handles auth, business logic, and MongoDB queries. React frontend handles UI state and API communication.

Impact

  • Supports large video uploads with resume on network failure, so creators don't lose progress mid-upload.
  • Keeps likes, comments, and replies consistent even when many users interact at the same time.
  • Supports large video uploads with resume on network failure, so creators don't lose progress mid-upload.
  • Keeps likes, comments, and replies consistent even when many users interact at the same time.
  • Lets the API and frontend scale independently, making features like live streaming easier to add later.

Tech Stack

MongoDBExpressReactNode.jsFirebase

More Projects

Additional work across AI products, developer tooling, and full-stack systems.

Browse all →

Next.js 16

Edward

An AI coding workspace where developers can describe apps in plain language, generate production-ready code, inspect and edit files in real-time, run projects in isolated Docker environments, publish live previews, and sync everything directly to GitHub without leaving the product.

View projectArrow right

Next.js 16

Agentic Chat

An AI chat platform that routes each request through the right context — memory, documents, tools, or research — and acts on the answer through connected apps.

View projectArrow right

Next.js

Bonkers by Foyer

Creative production system built at Foyer Tech — led the v2→v3 rebuild with reusable templates, multi-model routing, and faster repeat workflows for high-quality visual asset creation.

View projectArrow right