Nicolas Lefebvre — Cardtaku

Travail de fin d'études · 2026

Cardtaku

Fan d'animés ? Tu ne sais plus quoi regarder ? Cardtaku te guide par des cartes thématiques, te recommande des séries et te permet de gérer ta liste — seul ou avec tes amis.

Aperçu de l'application Cardtaku sur mobile

Contexte

Pour mon travail de fin d'études, j'ai conçu et développé Cardtaku, une application web de recommandation et de gestion d'animés. Elle s'adresse aux fans qui peinent à trouver leur prochaine série : l'objectif était d'offrir une expérience plus fine que les filtres par genre des plateformes classiques.

Au-delà du quiz, le projet inclut un catalogue consultable, un compte utilisateur, des listes personnelles et un volet social pour partager (ou non) ses choix avec ses amis.

Problème

Les recommandations classiques s'appuient souvent sur des catégories larges — action, aventure, romance, fantasy. Or un fan ne choisit pas toujours comme ça : il peut chercher une ambiance sombre, un anti-héros, un univers post-apocalyptique, une boucle temporelle ou un monde parallèle.

Le défi : traduire ces envies en parcours simple, visuel et ludique, sans exiger de connaître un genre précis ni le nom d'un animé. Cardtaku structure cette exploration autour de sept catégories : construction narrative, type de protagoniste, univers, temporalité, tonalité émotionnelle, forces ou pouvoirs, éléments surnaturels.

Solution

L'utilisateur lance un quiz avec cartes : chaque choix affine un profil de préférences, puis l'application propose une sélection d'animes correspondants. Il peut aussi parcourir le catalogue, ajouter des titres à ses listes et comparer ses goûts avec ses amis.

Recherche

Analyse des envies des fans, définition des thèmes de cartes (lisibles, visuels, identifiables) et constitution d'un pool d'animes associé aux réponses du quiz.

Conception

Interface sombre, navigation mobile avec menu latéral,tutoriel sur la page d'accueil et responsive pensées pour desktop, tablette et mobile.

Développement

Application React + TypeScript (Vite), styles SCSS et Tailwind, backend Supabase (auth, profils, amis, listes, cache anime). Données enrichies via l'API AniList.

Fonctionnalités

  • Quiz

    Tu tires des cartes, tu réponds à des questions un peu originales, et à la fin tu obtiens des animés qui matchent tes choix et tu peux les ajouter à tes listes.

  • Catalogue

    Tu cherches un anime ou tu parcours par thème. Chaque animé a sa page avec les informations utiles.

  • Tes listes

    Tu peux ajouter des animés à tes listes, les modifier et les montrer avec tes amis.

  • Profil

    Tu crées ton compte, tu peux modifier ton avatar.

  • Amis

    Tu ajoutes des gens, tu acceptes les demandes, et tu peux voir leurs listes s'ils ont choisi de les rendre visibles.

Aperçu du produit

Techniques utilisées

Front-end

  • React 19
  • TypeScript
  • Vite
  • React Router
  • SCSS
  • Tailwind CSS v4
  • GSAP

Back-end & données

  • Supabase (Auth, PostgreSQL, Storage)
  • Row Level Security
  • Cache anime (sync AniList)

Résultats

Cardtaku livre un parcours de recommandation original et visuel, aligné sur la façon dont les fans décrivent leurs envies. L'application est utilisable de bout en bout : quiz, catalogue, compte, listes et partage entre amis.