Cinema Center
A full-stack movie & TV series discovery platform with genre filtering, multi-quality downloads, and embedded streaming — built with Next.js 15 and Prisma.
Year
2024
Role
Full-Stack Developer
Platform
Web
Status
Live
Stack
Technologies used
| Technology | Category | Purpose |
|---|
| Next.js | Frontend | App Router, Server Components, dynamic routes, and SSR for all pages. |
| TypeScript | Frontend | Type-safe development across components, server actions, and DB layer. |
| Prisma | Frontend | Type-safe ORM for all database queries, relations, and migrations. |
| PostgreSQL | Frontend | Relational database storing all media, episodes, and download links. |
| Supabase | Cloud | Hosted PostgreSQL with connection pooling for production database. |
| Vercel | DevOps | Deployment and hosting with edge network and automatic CI/CD. |
| Swiper | Frontend | Touch-enabled carousels for hero banners and category content rows. |
| React Cache API | Tools | Request deduplication at the server component level for faster renders. |
What was built
Key features
Browse and discover movies and TV series across Bollywood, Hollywood, and regional categories with genre and language filters.
Real-time search across all content from the persistent header, filtering results instantly as you type.
Detailed content pages display ratings, duration, genres, trailer embeds, and episode lists for series.
Multi-quality download system offers 720p, 1080p, and more via organized resolution links per title.
Episode-level pages for TV series let users stream or download individual episodes with dedicated watch links.
Server-side caching with React's cache() API deduplicates database requests for fast, efficient page loads.
Fully responsive UI with mobile-first Tailwind layouts, swiper carousels, and skeleton loading states.
More work
Related projects
M1720 – Shop Center
A production-grade multi-vendor e-commerce platform with real-time chat, AI-powered recommendations, Stripe payments, and a full microservices backend — all in one Nx monorepo.
Hirfa Barber — حِرفة
A cinematic, bilingual luxury barbershop website for a 15-year-old Bethlehem institution — built with animated page transitions, scroll-driven storytelling, and a full AR/EN experience.
Cancer Reports Management System
A secure, role-based medical portal for Khaled Al-Hassan Cancer Hospital — enabling staff to manage research reports, categories, and events with granular access control.