The Hype Check
Real-time movie trailer discussion platform
A full-stack social platform where users discuss and rate movie trailers. Features real-time posts, comments, upvoting, and secure authentication powered by Supabase.
The Problem
Movie trailer discussions are scattered across YouTube comments, Reddit, and Twitter. I wanted a dedicated space where people could discuss trailers, track their hype levels, and see community sentiment.
The Solution
Built a Reddit-style platform specifically for trailers. Users can post trailers, comment, and upvote. Supabase handles auth and real-time subscriptions so discussions update live without refreshing.
Key Features
- User authentication with Supabase Auth
- Real-time posts and comments
- Upvote/downvote system
- Trailer embedding from YouTube
- User profiles with post history
- Responsive mobile-first design
Challenges & Solutions
Real-time updates
Wanted comments and votes to appear instantly for all users viewing the same trailer.
How I solved it:
Used Supabase real-time subscriptions to listen for database changes. When a new comment is inserted, all connected clients receive the update.
Optimistic UI updates
Waiting for server confirmation made voting feel sluggish.
How I solved it:
Implemented optimistic updates - UI changes immediately on click, then reconciles with server response. If the request fails, the UI reverts.
What I Learned
- Real-time database subscriptions
- Optimistic UI patterns
- Supabase Auth integration
- Building engaging social features
Tech Stack
- React
- JavaScript
- PostgreSQL
- Tailwind CSS
- MovieDB