A sleek, high-performance web app for tracking, discovering, and managing anime. Stylish, intuitive, and powered by the free Jikan API.
- Jikan API Integration: Fetch rich, real-time anime data from MyAnimeList using the Jikan API.
- Complete Watchlist Management: Add, move, and manage anime across three categories—Watching, Completed, and Plan to Watch. Your progress and preferences are saved using localStorage.
- Ongoing Anime Section (Default Landing): Discover currently airing anime from the latest season with broadcast schedules, AIRING badges, and trending indicators. Never miss an episode!
- Adult Content Filter: Toggle to show/hide ecchi/hentai anime across all sections. Preferences are saved, with clear messaging and a quick toggle for mature content visibility.
- Debug Logging: Improved diagnostics for tracking content loading, ensuring the ongoing section is always up-to-date.
- Engaging UI Animations:
- Card Scaling & 3D Rotation: Hover over anime cards to see scaling, rotation, and shine effects for immersive depth.
- Color Schemes: Bold and modern black, red, and white styling throughout the app.
- Animated Loading Component: Displays responsive bouncing dots when loading data.
- Overlay Effects: Interactive overlays for a polished, modern experience.
- Pulsing Badges: "AIRING" status and schedule info use pulsing animation effects.
- Adult Content Messaging: Clearly informs users when content is filtered, with a quick toggle to enable mature content.
- Persistent Data: All watchlist, settings, and filter choices are saved locally for a seamless experience.
- Clickable Cards & Modals:
- Anime cards open detailed modals that show synopsis, genres, studio details, member count, and more.
- Cards feature smooth image loading (with fallback), interactive transforms, and info-rich overlays.
| Category | Description |
|---|---|
| Watching | Currently watching anime |
| Completed | Anime you've finished |
| Plan to Watch | Future anime you're interested in |
| Ongoing | Currently airing seasonal anime (default page) |
- Auto-fetches airing anime using Jikan's seasons endpoint.
- Each card displays a bold AIRING badge, pulsing animation, and next broadcast time.
- Filter mature content with a single click and see clear notifications when content is hidden.
- Browse ongoing anime (default tab) with real-time broadcast info.
- Add favorites to your Watchlist: choose from Watching, Completed, or Plan to Watch.
- Use the adult filter toggle to customize browsing experience.
- Click anime cards for full details—synopsis, genres, studio, popularity, member count, and more.
- Enjoy smooth loading, modern color transitions, immersive card interactions, and persistent data storage.
- Frontend: Modern JS/React (or your preferred framework)
- Data: Jikan API for all anime data
- Persistence: localStorage stores watchlist and filter settings
- Design: CSS/SCSS with black, red, and white palette
- Animations: Scale, 3D rotate, overlays, shine effects, pulsing badges
Open issues and pull requests for bugs, features, or enhancements.
Please provide detailed logs when reporting ongoing section or filter behavior.
MIT