How jikan-me/website works
This repository is the SvelteKit website for Jikan, an unofficial MyAnimeList API; it is not the API implementation itself. Visitors can explore API capabilities and request examples, find community wrappers, and browse projects built with Jikan. The source index and excerpts support the page composition, demo fetch, and showcase rendering; other landing-page component wiring is based on imports named in the index. The API is an external service, and this site does not provide authenticated MyAnimeList actions.
Main entry points: routes/+page.svelte Landing page · showcase/+page.svelte Showcase page · Nav.svelte Navigation · Footer.svelte Footer
Components 19
Website pages
- Landing page
src/routes/+page.svelte - Showcase page
src/routes/showcase/+page.svelte
Site content
- Feature content
src/data/features.js - Wrapper directory
src/data/integrations.js - Showcase entries
src/data/showcase.js - Supporter data
src/data/supporters.js
UI components
- Navigation
src/lib/components/Nav.svelte - Footer
src/lib/components/Footer.svelte - Button
src/lib/components/Button.svelte - Chip
src/lib/components/Chip.svelte - Divider
src/lib/components/Divider.svelte - Integration card
src/lib/components/IntegrationCard.svelte - Showcase card
src/lib/components/ShowcaseCard.svelte - Supporter marquee
src/lib/components/Marquee.svelte - MAL heartbeat
src/lib/components/MalHeartBeat.svelte
API demo
- Request examples
src/lib/components/RequestExamples.svelte - Anime result card
src/lib/components/AnimeCard.svelte
Other components
- Site visitor
- Jikan REST API
Connections 25
- Site visitor → Landing page: opens
README.md - Site visitor → Showcase page: browses
src/routes/showcase/+page.svelte - Landing page → Navigation: renders
src/routes/+page.svelte - Landing page → Footer: renders
src/routes/+page.svelte - Landing page → Feature content: uses content
src/routes/+page.svelte - Landing page → Wrapper directory: uses content
src/routes/+page.svelte - Landing page → Integration card: renders
src/routes/+page.svelte - Landing page → Supporter marquee: renders
src/routes/+page.svelte - Landing page → Request examples: renders
src/routes/+page.svelte - Showcase page → Navigation: renders
src/routes/showcase/+page.svelte - Showcase page → Footer: renders
src/routes/showcase/+page.svelte - Showcase page → Showcase entries: loads entries
src/routes/showcase/+page.svelte - Showcase page → Showcase card: renders entries
src/routes/showcase/+page.svelte - Navigation → Button: uses
src/lib/components/Nav.svelte - Navigation → Chip: uses
src/lib/components/Nav.svelte - Footer → Button: uses
src/lib/components/Footer.svelte - Footer → MAL heartbeat: renders
src/lib/components/Footer.svelte - Integration card → Chip: uses
src/lib/components/IntegrationCard.svelte - Integration card → Divider: uses
src/lib/components/IntegrationCard.svelte - Showcase card → Chip: uses
src/lib/components/ShowcaseCard.svelte - Supporter marquee → Supporter data: reads
src/lib/components/Marquee.svelte - Request examples → Jikan REST API: fetches examples
src/lib/components/RequestExamples.svelte - Request examples → Anime result card: renders results
src/lib/components/RequestExamples.svelte - Anime result card → Chip: uses
src/lib/components/AnimeCard.svelte - Anime result card → Divider: uses
src/lib/components/AnimeCard.svelte