How absentdaemon-ctrl/animeroute works
AnimeRoute is a React app for finding anime and exploring a franchise’s entries, watch order, statistics, and individual titles. Users search for or select anime; the app fetches AniList data, then presents the franchise timeline, summary statistics, and selected-title details. Header and footer navigation lead to informational pages. The excerpts establish the app’s data-fetching calls and several component dependencies; other App-to-component links are supported by the source index’s import references. Unsampled implementation details and data-flow links are omitted where their direction is not shown.
Main entry points: App.tsx App coordinator · anilist.ts AniList GraphQL · main.tsx React entry · SearchBar.tsx Anime search
Components 12
App experience
- App coordinator
src/App.tsx - React entry
src/main.tsx
Franchise exploration
- Anime search
src/components/SearchBar.tsx - Franchise stats
src/components/FranchiseStats.tsx - Watch timeline
src/components/WatchOrderTimeline.tsx - Anime details
src/components/AnimeDetail.tsx
Navigation and information
- Header navigation
src/components/Header.tsx - Info pages
src/components/Pages.tsx - Footer navigation
src/components/Footer.tsx
Anime data
- AniList GraphQL
src/utils/anilist.ts
Other components
- Anime fan
- AniList API
Connections 15
- Anime fan → React entry: opens app
- React entry → App coordinator: renders
src/main.tsx - App coordinator → AniList GraphQL: fetches details
src/App.tsx - App coordinator → Anime search: renders
src/App.tsx - App coordinator → Franchise stats: renders
src/App.tsx - App coordinator → Watch timeline: renders
src/App.tsx - App coordinator → Anime details: renders
src/App.tsx - App coordinator → Header navigation: renders
src/App.tsx - App coordinator → Info pages: renders
src/App.tsx - App coordinator → Footer navigation: renders
src/App.tsx - Anime search → AniList GraphQL: searches and fetches
src/components/SearchBar.tsx - Watch timeline → AniList GraphQL: uses classifiers
src/components/WatchOrderTimeline.tsx - Anime details → AniList GraphQL: uses formatters
src/components/AnimeDetail.tsx - Franchise stats → AniList GraphQL: uses statistics
src/components/FranchiseStats.tsx - AniList GraphQL → AniList API: queries
src/utils/anilist.ts