overview.
Built ReelsTube, a full-stack video sharing platform with infinite scroll, auto-play, like/comment system, and Cloudinary-powered video delivery. Features JWT authentication, follow system, and mobile-first responsive design.
about.
ReelsTube replicates the core TikTok/Instagram Reels experience with a modern MERN stack architecture. Videos are uploaded to Cloudinary for global CDN delivery with automatic optimization. The platform supports infinite scroll with auto-play, real-time engagement metrics, and a complete social featureset including follow/unfollow and user search.
technical implementation.
Cloudinary Integration
Integrated Cloudinary for video storage with automatic optimization, thumbnail generation, and global CDN delivery. Videos are compressed and format-converted for optimal streaming.
Infinite Scroll Architecture
Built pagination-based infinite scroll using Intersection Observer API. Combined with TanStack Query for caching and background refetching to ensure smooth scrolling performance.
key features.
- Infinite scroll feed with TikTok-style navigation
- Auto-play videos when in viewport
- Cloudinary CDN for global video delivery
- JWT authentication with refresh tokens
- Follow/unfollow system and user search
- Like, comment, and nested reply system
screenshots.
TikTok-style infinite scroll with auto-play videos.
Upload videos to Cloudinary with progress tracking.
challenges & solutions.
Challenge: Smooth video auto-play during infinite scroll
Solution: Used Intersection Observer to detect viewport entry/exit. Videos auto-play when 75% visible and pause when leaving, with preloading for adjacent videos in the feed.
Challenge: Scalable video upload and processing
Solution: Offloaded video processing to Cloudinary's infrastructure. Upload goes directly to Cloudinary via signed URLs, bypassing the server for large file transfers.