Project Info
Photograph

Recommendation System

A personal recommendation tracker built into the portfolio, integrating Tenrai API for anime, manga, and manhwa data, and TMDB API for movies. Allows browsing, searching, and managing a curated list of recommendations stored in Sanity CMS with a password-protected admin panel.

ShadCNShadCN
TypescriptTypescript
Next JSNext JS

Overview

A personal recommendation tracker built directly into the portfolio. Integrates with Tenrai API for anime, manga, and manhwa data, and TMDB API for movies — letting me curate and share content I genuinely enjoy, backed by real metadata pulled from external sources.

Browsing Recommendations

Users can browse curated picks across four categories — anime, manga, manhwa, and movies. Each entry is pulled live from its respective API, showing cover art, scores, genres, and a synopsis.

Browsing recommendations page

Recommendation Management

A password-protected admin panel lets me search for titles directly from Tenrai or TMDB and add them to the list. Entries can be marked as favorites to pin them to the top of their category.

Recommendations Login Panel
Recommendation management admin panel

Detail Pages

Each recommendation has a dedicated detail page showing full metadata — synopsis, score, genres, characters, and an embedded YouTube trailer when available.

Recommendation detail page

Features

  • Browse recommendations across anime, manga, manhwa, and movies
  • Detailed info pages with synopsis, scores, genres, and trailers
  • Password-protected admin panel for managing the recommendation list
  • Search and add titles directly from Tenrai or TMDB within the admin panel
  • Favorite flag to pin top picks to the top of each category

Integrations

Tenrai API — unofficial MyAnimeList REST API used to fetch anime, manga, and manhwa metadata including scores, synopses, cover images, genres, and character data.

TMDB API — The Movie Database API used to fetch movie metadata including posters, overviews, ratings, and YouTube trailer links.

Sanity CMS — stores all recommendation entries including type, ID, source (Tenrai or TMDB), and the favorite flag.