How kbdevs12/remix-anime works
AnimeX is a Remix anime-catalog and viewing site: visitors browse or search titles, open an episode page, then choose a stream or download option. The server-side fetcher retrieves and parses catalog, search, and episode information from Anoboy; the detail page presents metadata, playback choices, and episode navigation. Shared layout and card/pagination components support browsing. The README also describes broad catalog coverage and streaming; unsampled home/category route code limits certainty about their precise data-fetching calls, so those links are omitted.
Main entry points: search.tsx Search results · dataFetcher.server.ts Scrape and parse · root.tsx App layout · anime.$id.tsx Episode page
Components 17
Pages and navigation
- App layout
app/root.tsx - Home catalog
app/routes/_index.tsx - Anime category
app/routes/category.anime.tsx - Search results
app/routes/search.tsx - Episode page
app/routes/anime.$id.tsx - About page
app/routes/about.tsx
Shared interface
- Search navigation
app/components/NavbarComp.tsx - Anime cards
app/components/CardList.tsx - Anime card
app/components/Card.tsx - Result pagination
app/components/Pagination.tsx - Episode comments
app/components/DisqusComment.tsx - Project listings
app/libs/data.ts
Catalog scraping
- Scrape and parse
app/libs/dataFetcher.server.ts - Anime data types
app/interfaces/interfaces.ts
Other components
- Anime viewer
- Anoboy source
- Stream host
Connections 19
- Anime viewer → App layout: opens site
- App layout → Search navigation: renders
- App layout → Home catalog: renders outlet
- Anime viewer → Search results: submits search
- Search navigation → Search results: submits query
- Search results → Scrape and parse: searches titles
- Scrape and parse → Anoboy source: requests pages
- Search results → Anime cards: renders results
- Anime cards → Anime card: renders items
- Search results → Result pagination: renders pages
- Result pagination → Search results: changes page
- Anime viewer → Episode page: opens episode
- Episode page → Scrape and parse: loads details
- Scrape and parse → Anoboy source: requests episode
- Scrape and parse → Stream host: extracts embed
- Episode page → Episode comments: renders comments
- Anime viewer → Anime category: browses category
- Anime viewer → About page: opens about
- About page → Project listings: reads projects