Movie

Movie is a modern movie discovery web app built with Next.js 16 and TypeScript, featuring a cinema-inspired dark and gold design.

Key Features:

Browse movies by Trending, Popular, Top Rated, and Now Playing, all powered by live data from the TMDB API

Search for any movie by title

Browse by Genre

Full movie detail pages — synopsis, cast, trailer, reviews, similar titles, runtime, budget & revenue

Complete authentication system (sign up, login, password reset) via Supabase

A personal watchlist saved per user account, not just locally

Profile page to edit display name and view watchlist stats

Light/Dark mode with no flash on page load

Fully responsive design across mobile, tablet, and desktop

A custom spinning film-reel loader used across every page during data loading

Tech Stack: Next.js 16 (App Router) · TypeScript · TailwindCSS · Framer Motion · Material UI · Supabase (Auth & Database) · TMDB API

Technical highlight: All TMDB API requests are handled server-side (Server Components / Route Handlers), keeping the API key fully secure and never exposed to the browser.