Anime discovery platform with genre exploration and detailed insights
Collaborative Developer
2023
Frontend Web Application
Live
Animadom is a high-performance anime discovery platform that lets users explore titles by genre, view detailed information, and discover new series. Built with GraphQL to query the AniList API, I collaborated with a friend to turn a passion for anime into a professional-grade web application. My primary focus was on the frontend architecture, GraphQL integration, and the overall motion design system.
Most anime discovery platforms are either cluttered with ads or suffer from slow, unintuitive interfaces. Finding new series based on specific genres or seasonal trends often feels like a chore rather than an exploration.
A clean, minimalist anime browser that prioritizes discovery and speed. We leveraged the AniList GraphQL API to build a highly responsive interface with advanced filtering, real-time search, and smooth, staggered animations that make browsing thousands of titles feel effortless.
Real-time anime discovery pulling trending, popular, and top-rated titles directly from the AniList API
Advanced genre-based filtering allowing users to discover shows by mood, theme, or seasonal category
Comprehensive title pages featuring detailed synopses, user ratings, studio information, and airing status
Type-safe GraphQL integration using optimized queries to fetch precisely the data needed for each view
Seamless page transitions and staggered entrance animations powered by Framer Motion
Global search functionality with instant results across the entire AniList database
Mobile-first responsive design that maintains a premium, gallery-like aesthetic on all screens
Fetching data for thousands of titles can easily lead to performance bottlenecks. I focused on designing optimized GraphQL queries that used fragments to request only the specific fields needed for each view—gallery cards only got thumbnails and titles, while detail pages requested the full metadata. This kept our payloads small and the UI snappier.
The AniList API provides varying image qualities and metadata completeness. I built a robust, flexible layout system using CSS Grid and aspect-ratio constraints to ensure the gallery stayed perfectly aligned regardless of the artwork provided by the API, using subtle placeholders for missing data.
As a joint project, we had to ensure our work didn't overlap. I helped establish a modular component architecture and a clean folder structure that allowed us to work on separate features (like filtering vs. title pages) without merge conflicts, serving as a great introduction to collaborative development.
Live and fully functional. A project I'm genuinely proud of — it's both technically solid and built around something I care about.
