annum

Visualize Your Trakt.tv History

Display your watched movies and shows in a poster grid. Easily switch between years and get an overview of all your history. Powered by:

🍿 Website

This website was created by LekoArts as a christmas project to try out SvelteKit. LekoArts loves watching movies and shows ⸺ so why not have a great overview? You can also follow me on Trakt if you want.

Development

This SvelteKit project was bootstrapped with create-svelte.

Prerequisites

1. Install Node.js 20 or later
2. Install pnpm

Repository setup

1. Install dependencies

   pnpm install

2. Create a duplicate of .env.example and name it .env

3. Retrieve the necessary secrets:

   1. PRIVATE_TRAKT_CLIENT_ID and PRIVATE_TRAKT_CLIENT_SECRET: Login to Trakt.tv and inside your settings go to your Your API Apps section. Create a new application. Set http://localhost:5173/auth/callback/trakt as one of the Redirect URI and set http://localhost:5173 as one of the JavaScript (CORS) Origins. Copy over the Client ID and Client Secret to the .env file.

   2. PRIVATE_AUTH_SECRET: Generate a random string which is used to encrypt tokens. Run openssl rand -base64 32 in your terminal and copy the value over to the .env file.

   3. PRIVATE_TMDB_API_KEY: Login to your TMDB account and inside your settings go to API section. Copy the API Key over to the .env file.

Commands

Starting the development server:

pnpm dev

Create a production build locally:

pnpm build

Preview that build locally with pnpm preview.