Skip to content

Movie Tracker was built to solve a simple problem: keeping track of the movies you’ve watched, and the ones you still want to watch, in a clean and intuitive way.

Notifications You must be signed in to change notification settings

MarkoG111/movie_tracker

Repository files navigation

🎬 Movie Tracker

Movie Tracker is a personal movie tracking app built with React, TypeScript, Supabase, and TailwindCSS.
Users can log in, add movies by IMDb ID or URL, and manage watched and to-watch lists.
Movie details (cast, posters, overview, rating, images) come from TMDB.

🚀 Features

🔐 Authentication

  • Email/password login using Supabase
  • Protected routes
  • Each user has their own private movie library

🎬 Movie Management

  • Add movies using IMDb ID or URL
  • TMDB is used to fetch rich metadata
  • Movies stored in Supabase:
  1. movie_details - global metadata
  2. movies - user-specific list (watched / toWatch)

📚 Lists

  • To-Watch list
  • Watched list
  • Move movies between lists
  • Remove movies

🔍 Filtering & Search

  • Search by title
  • Filter by genre
  • Sort by title, year, or rating

🛠️ Tech Stack

📦 Installation

git clone https://github.com/YOUR_USERNAME/MovieTracker.git
cd my_movies
npm install
npm run dev

Create a .env file:

VITE_SUPABASE_URL=
VITE_SUPABASE_ANON_KEY=
VITE_TMDB_API_KEY=
VITE_TMDB_BASE_URL=https://api.themoviedb.org/3

About

Movie Tracker was built to solve a simple problem: keeping track of the movies you’ve watched, and the ones you still want to watch, in a clean and intuitive way.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published