Quitio

Ingénieur Full-stack & Designer2026

Client

Projet Personnel

Rôle

Ingénieur Full-stack & Designer

Stack

Next.js, React, TypeScript, PostgreSQL, Prisma, Tailwind CSS

Date

2026

01

Le Défi

En France, les gestionnaires immobiliers ont l'obligation légale de fournir des quittances de loyer mensuelles. La plupart s'appuient sur des documents Word manuels ou des logiciels obsolètes et coûteux. Le défi consistait à créer une plateforme moderne et intuitive qui automatise l'ensemble du flux — de la gestion des locataires à la génération de PDF et à l'envoi par e-mail — tout en conservant une UX aussi épurée qu'un produit fintech.

02

La Solution

J'ai conçu et développé Quitio de A à Z : un frontend Next.js avec un système de design premium inspiré de Stripe et Linear, soutenu par une API robuste avec Prisma/PostgreSQL. La plateforme propose la génération automatisée de PDF avec des modèles personnalisables, l'envoi d'e-mails par lots, un modèle freemium avec intégration Stripe, et un tableau de bord avec analyse des revenus. Chaque interaction a été soignée avec des micro-animations et un langage visuel cohérent.

typescript
// Automated quittance generation pipeline
async function generateQuittance(tenantId: string) {
  const tenant = await prisma.tenant.findUnique({
    where: { id: tenantId },
    include: { property: true, landlord: true },
  });

  const pdf = await renderPDF({
    template: "quittance-v2",
    variables: mapTenantToVariables(tenant),
  });

  await sendEmail({
    to: tenant.email,
    subject: `Quittance - ${format(new Date(), "MMMM yyyy")}`,
    attachments: [{ filename: "quittance.pdf", content: pdf }],
  });
}

Pipeline principal : récupération des données locataire → rendu PDF → envoi par email

Gallery image 1
Gallery image 2
Gallery image 3

Projet Suivant

Sports.gouv.fr

Développement Web / Accessibilité