A modern streaming platform UI built with Angular 18, Tailwind, SSR, and real-time Firebase integration.
The entire interface is fully animated, highly polished, and crafted to deliver a streaming experience that feels fast, smooth, and genuinely fun to use.
This project pulls its data from Firebase in real time and works hand-in-hand with a custom backend CRM panel where movies, categories, and metadata are managed.
This project was built as a complete front-end experience for a streaming website.
It includes everything you would expect from a modern streaming platform:
- A responsive, Netflix-style homepage
- Smooth animated transitions
- A detailed movie screen with full info
- Live search that reacts instantly
- Category-based browsing
- Server-side rendering for SEO
- Real-time data powered by Firebase
Originally, the content library had 60+ movies hosted on Google Drive.
Many were later removed due to Drive's policy limits — the platform now uses embed links, making it flexible enough to stream content from any external hosting provider.
- Connected directly to Firebase
- Real-time data sync for all movies, categories, and metadata
- Secure and scalable infrastructure
- Fully animated UI
- Interactive movie detail pages
- Embed link streaming (supports any streaming host)
- Smooth transitions and modals
- Real-time search
- Category filters
- Optimized list rendering
- Fast UI built with RxJS state management
- 100% responsive on all screens
- Tailwind CSS for a clean, modern layout
- SSR powered by Angular Universal
- Professional, polished streaming interface
- Angular 18
- Angular Universal (SSR)
- Tailwind CSS
- Firebase (Database + Hosting + Auth if used)
- RxJS state management
- Custom backend CRM connected to Firebase
