Web app SaaS / Social tech | Projet personnel - 2026

Gate 🌳

Next.js 14

TypeScript

PostgreSQL

Prisma

NextAuth

React Flow

Stripe

Tailwind CSS

Supabase

Resend

PWA

Contexte

Gate est une application web full-stack de création et d'exploration d'arbres généalogiques interactifs. L'objectif est de reconstruire, visualiser et partager l'histoire familiale dans une expérience collaborative et immersive.

Fonctionnalités clés

Système de rôles FREE / PREMIUM / ADMIN avec gestion de profils et permissions.
Relations généalogiques complexes, dont multi-parenté, liens croisés et rattachement utilisateur à un profil existant.
Visualisation immersive de l'arbre via un graphe dynamique et interactif.
Export PDF de l'arbre et expérience installable en PWA.

Approche technique

L'application s'appuie sur Next.js 14 et TypeScript pour le front, PostgreSQL avec Prisma pour la persistance, NextAuth pour l'authentification, React Flow pour la visualisation du graphe, et Stripe pour la gestion du premium. L'écosystème est complété par Tailwind CSS, Supabase, Resend et une couche PWA pour améliorer l'expérience produit.

Résultats

Gate pose la base d'un produit social tech capable de centraliser l'histoire familiale, de la rendre navigable visuellement et de faciliter la contribution collaborative autour d'un même arbre.