Back to Projects

The Cut

Next.js 15 · Prisma · TMDb · AI Summaries · Live app
The Cut home page with movie and TV ranking stats

Personal cinema diary: rank movies and TV, compare against IMDb and Rotten Tomatoes.

Project Overview

The Cut is a personal movie and TV ranking app. Score titles out of 100, compare your ratings against IMDb and Rotten Tomatoes, and save spoiler-free AI memory joggers: with movies and TV kept strictly separate.

Key Features

  • Separate rankings: independent catalogues and lists for movies vs TV
  • 1–100 scoring: visual comparison bars vs external ratings
  • TMDb search: posters and metadata when adding rankings
  • AI summaries: optional spoiler-free memory joggers from your notes
  • User accounts: email/password auth with per-user data via NextAuth
  • One-click backup: export all rankings as JSON from the home page

Architecture

Next.js App Router with server actions, SQLite + Prisma for persistence, and JWT sessions via NextAuth v5. External APIs (TMDb, optional OMDb and Groq/OpenAI) are wrapped in service modules so the UI stays thin.

Screenshots

The Cut app flow: search, rank, and compare scores
End-to-end flow: search TMDb, score a title, and compare external ratings.

My Role

Solo developer. I was responsible for:

  • Designing the ranking model and separate movie/TV flows
  • Building TMDb search, scoring UI, and comparison bars
  • Integrating NextAuth and Prisma with SQLite
  • Adding optional AI summary generation
  • Polishing the dark cinematic UI with Framer Motion

Technologies Used

Next.js 15 React 19 TypeScript Prisma NextAuth Tailwind CSS Framer Motion
Open live app