Next.js
OVERVIEW
A web application that allows users to discover and get recommendations for anime. Built using Next.js and the Jikan API, it fetches data from MyAnimeList to provide comprehensive details about anime shows.
TECH STACK
Next.jsJikan APIMyAnimeList
KEY FEATURES
- Live anime search backed by the Jikan API for real-time MyAnimeList data
- Recommendation flow surfaces similar titles based on a selected anime
- Detail pages with synopsis, ratings, and metadata pulled straight from MyAnimeList
- Consistent global layout with a persistent header, search bar, and footer across pages
HOW IT WORKS
- 01A user searches for an anime by name in the search bar
- 02The app queries the Jikan API in real time to pull matching titles from MyAnimeList
- 03Selecting a title opens a detail page with synopsis, ratings, and metadata
- 04A recommendation list surfaces similar titles based on the selected anime