CinemaHUB

Full-Stack Movie Discovery

A production-grade MERN movie platform with secure TMDB proxying, personalized watch data, and admin-level content control.

Visit Site Source Code

Technologies

React 19ViteNode.jsExpressMongoDB AtlasRedux ToolkitTailwind CSSJWT

Overview

CinemaHUB is a premium full-stack movie discovery application focused on immersive UX, robust authentication, and scalable API design for personalized viewing workflows.

Architecture & Decisions

React 19 + Redux Toolkit client consumes an Express/Mongoose API that proxies TMDB requests securely. MongoDB Atlas stores users, history, favorites, and moderation entities.

Key Features

Infinite scroll and debounced multi-search

Secure JWT + refresh token auth flow

Movie trailers, actor pages, and discovery filters

Admin moderation and custom catalog management

Challenges

Balancing rich cinematic interactions with strict API and auth boundaries while keeping frontend behavior responsive under heavy data-fetching flows.

Lessons Learned

This project improved my understanding of secure third-party API brokering and state-heavy UI performance tuning in modern React apps.

Future Roadmap

Introduce smarter recommendation layers, watch-party collaboration, and deeper analytics for personalized discovery.