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.
- Email/password login using Supabase
- Protected routes
- Each user has their own private movie library
- Add movies using IMDb ID or URL
- TMDB is used to fetch rich metadata
- Movies stored in Supabase:
- movie_details - global metadata
- movies - user-specific list (watched / toWatch)
- To-Watch list
- Watched list
- Move movies between lists
- Remove movies
- Search by title
- Filter by genre
- Sort by title, year, or rating
git clone https://github.com/YOUR_USERNAME/MovieTracker.git
cd my_movies
npm install
npm run devCreate a .env file:
VITE_SUPABASE_URL=
VITE_SUPABASE_ANON_KEY=
VITE_TMDB_API_KEY=
VITE_TMDB_BASE_URL=https://api.themoviedb.org/3