MyMangime
Full-stack anime & manga discovery and tracking platform
The Problem
Anime and manga fans rely on fragmented tools for discovering new content and tracking their progress. Existing platforms have poor discovery features, cluttered UIs, and limited filtering options. Finding specific content by theme or mood is frustrating.
The Solution
Built a modern tracking platform with a powerful tag-based discovery system. Users can mix and match 300+ tags covering genres, themes, and content warnings to find exactly what they want. The clean, consumer-grade UI makes tracking enjoyable rather than tedious.
Product Decisions
- Discovery-first approach: finding new content is as important as tracking
- 300+ tags for granular filtering—go beyond basic genres
- Import from MyAnimeList, AniList, Kitsu to reduce onboarding friction
- Mobile-first responsive design for on-the-go tracking
- Theme toggle (anime/manga mode) for personalized experience
Architecture
React with TypeScript, custom component library for consistent UI
Node.js/Express API layer with RESTful endpoints
PostgreSQL for relational data, optimized queries for large catalogs
Integration with anime/manga metadata APIs for comprehensive catalog
Firebase Auth for secure user authentication
Technical Highlights
- Tag-based filtering system with 300+ indexed tags for fast queries
- Virtualized lists for smooth scrolling through large catalogs
- Optimistic UI updates for responsive feel
- List import pipeline supporting multiple external platforms
- Responsive design tested across devices
- SEO-optimized pages for discoverability
Results & Outcomes
- Live production site at mymangime.com
- Demonstrates full-stack shipping capability
- Real user accounts and active usage
- Shows consumer product UX sensibility
What I'd Do Next
- Add social features: follow users, share lists
- Implement AI-powered recommendations based on watch history
- Build community features: reviews, discussions
- Create browser extension for quick adding