A full-stack web app built with Next.js, Supabase, and the AniList GraphQL API — designed to help users explore, review, and manage their favorite anime and manga in a clean, aesthetic experience.
🚧 This project is under active development.
- 🌐 Home Page: Displays trending or popular anime from AniList.
- 🔐 Authentication:
- Magic link login via Supabase (email)
- Discord OAuth login
- 🧑💼 User Dashboard (WIP):
- Personalized library for anime & manga
- Reviews by user and per anime/manga (linked to AniList ID)
- 🧾 Review System:
- Basic structure implemented
- Users can add and view reviews for titles
- 🎨 Design Goal:
- Pastel tones and anime-inspired UI (Spicetify-inspired aesthetic)
- Baby blue, pastel pink, and neon lilac palette
| Tech | Purpose |
|---|---|
| Next.js 14 | React framework (frontend + SSR) |
| Supabase | Auth, DB (PostgreSQL) |
| AniList API | Anime & manga data (GraphQL) |
| Tailwind CSS | Styling (planned) |
| TypeScript | Strong typing for safer dev |
- Full user library (track watching/reading status)
- Like & comment system on reviews
- Search and filter functionality for titles
- Collection tagging & rating
- Responsive mobile-first design
- BFF / Date / Pro Mode (experimental social extension)
🔐 Auth Setup
Uses Supabase for email + Discord login. • Make sure your Supabase project has Discord provider enabled. • Auth logic is handled via supabase.auth.signInWithOAuth() and magic links.
⸻
💬 API Usage • AniList GraphQL API is used to fetch anime/manga metadata. • GraphQL queries are stored in the lib/queries/ folder (TBD).
🤝 Contributing
This is currently a solo project, but pull requests or suggestions are welcome once a public roadmap is released. Feel free to fork and modify it for your own taste.
⸻
🧠 Inspiration • Spicetify themes • Anilist & MyAnimeList UX • Chill anime cafés ☕ • Projects with real purpose, not dopamine traps
Clone the repo:
git clone https://github.com/your-username/anime-manga-app.git
cd anime-manga-app