online·--:--:--·~/projets/kanva
retour aux projets
walid@bywalid · /projets
$ 
a venir/kanva
Kanva

Gestionnaire de projet collaboratif, type Trello / Linear

« Mon projet d'apprentissage avant le Bachelor 3 : un Trello-like construit couche par couche, du SQL écrit à la main jusqu'au front, pour toucher et comprendre chaque étage du full-stack. »

BunElysiaPostgreSQLKyselyNext.jsDocker
// idea

« Un Trello-like que je construis de bas en haut — données, accès, API, front — pour comprendre chaque étage au lieu de scaffolder un projet clé en main. »

Le périmètre est cadré exprès pour apprendre : auth (sessions cookies httpOnly + argon2), boards / listes / cartes en CRUD, drag-and-drop avec un vrai algorithme de positions (entiers réindexés vs fractional indexing), collaboration multi-membres avec rôles et autorisation (pas juste authentification). En stretch si le temps le permet : labels + filtres, journal d'activité, temps réel via WebSockets, et une landing SSG — bon prétexte pour faire cohabiter plusieurs modes de rendu (CSR/SSR pour l'app, SSG pour la vitrine). Règle que j'assume : un projet compris à 70 % vaut mieux qu'un projet fini copié-collé.

stade : idéation · pas encore de code
// le dossier

Le projet en détail.

Tout est là — dépliez ce qui vous intéresse.

// pitch

Un gestionnaire de projet collaboratif dans la lignée de Trello et Linear : des tableaux qui contiennent des listes, qui contiennent des cartes qu'on déplace en drag-and-drop, avec travail en équipe et authentification. Le vrai objectif n'est pas l'app finie, c'est d'apprendre en codant à la main. Avant d'entrer en Bachelor 3 full-stack à Epitech, je veux toucher chaque couche : SQL écrit à la main d'abord, query builder ensuite, API typée de bout en bout, front réactif. Stack volontairement neuve (Bun, Elysia, Kysely) pour sortir de ma zone de confort NestJS et comprendre ce que mes outils habituels abstraient réellement.

// problem

Apprendre le full-stack en le construisant, pas en empilant des abstractions qu'on ne comprend pas.

  • Deux ans de tech-and-business avec peu de théorie formelle : je veux combler le socle données → API → front en le codant moi-même.
  • Mon expérience pro est en NestJS/Prisma : rester dessus, c'est répéter ce que je sais déjà au lieu d'apprendre du neuf.
  • Un ORM cache les requêtes, les jointures et les transactions : tant que je n'ai pas écrit le SQL à la main, je ne sais pas ce qu'il fait pour moi.
  • Les attendus B3 que les étudiants négligent — tests, déploiement réel, doc et défense des choix — sont justement ceux qui font la différence.
// next step

Vous pouvez ouvrir le projet en live, lire le code, ou repartir vers les autres.