Quitio

Property managers in France face a legal obligation to provide monthly rent receipts (quittances de loyer). Most rely on manual Word documents or expensive legacy software. The challenge was to build a modern, intuitive platform that automates the entire flow — from tenant management to PDF generation and email delivery — while keeping the UX as clean as a fintech product.

I designed and built Quitio end-to-end: a Next.js frontend with a premium design system inspired by Stripe and Linear, backed by a robust API with Prisma/PostgreSQL. The platform features automated PDF generation with customizable templates, batch email sending, a freemium model with Stripe integration, and a dashboard with revenue analytics. Every interaction was crafted with micro-animations and a cohesive visual language.

// 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 }],
  });
}