Problem
Anime discovery is often spread across multiple sources, making it harder for users to quickly find current seasonal shows, upcoming releases, recommendations, and detailed anime information in one place.
A simple static list is not enough because anime data changes by season, search query, ranking, and user preference. The app needed dynamic API-driven content with a clean browsing experience.
Approach
I built the frontend with Vue, Vite, Vue Router, Pinia, and Tailwind CSS. The app pulls anime data from API endpoints for current seasons, upcoming releases, top anime, recommendations, search results, and full anime details.
The interface is organized around common discovery flows: browsing categories from the home page, searching by title and filters, viewing seasonal anime, opening anime detail pages, and navigating a user profile area for bookmarks, ranking, and settings.
Outcome
The prototype delivers a functional anime browsing experience with dynamic API data, responsive navigation, category cards, anime grids, detail pages, loading states, pagination, and user-focused profile sections.
Key learning
State management and API structure matter once an app grows beyond static pages. Pinia made shared anime data easier to coordinate across views, while Vue Router kept the discovery flows organized.