🌐Développement Web

KiLaPri - SaaS de gestion de prêts

KiLaPri est une application web moderne qui permet de suivre vos prêts d'objets entre amis et famille. Ne perdez plus jamais la trace de ce que vous avez prêté ! L'application envoie des rappels automatiques par email, permet d'exporter des preuves de prêt en PDF, et propose un tableau de bord interactif avec statistiques visuelles. Développée avec Next.js 15, TypeScript, Prisma, et intégrant Stripe pour les abonnements (plan gratuit + premium à 2€/mois), cette solution complète offre une expérience utilisateur fluide avec dark mode, authentification sécurisée (email + Google OAuth), et respect du RGPD.

KiLaPri - SaaS de gestion de prêts

À propos du projet

🎯 KiLaPri

🎯 Objectif du projet

Développer une application SaaS complète pour résoudre une problématique universelle : ne plus jamais oublier ce qu'on a prêté à nos amis et famille. KiLaPri devait offrir une expérience utilisateur fluide, des rappels automatiques intelligents, et un modèle économique viable avec abonnements Stripe, tout en respectant les normes RGPD et de sécurité.

💡 La problématique

"Qui a pris mon livre ?", "À qui j'ai prêté ma perceuse ?" - Ces questions reviennent sans cesse. KiLaPri apporte une solution moderne et automatisée pour suivre tous vos prêts, envoyer des rappels automatiques et récupérer vos affaires sereinement.

✨ Fonctionnalités principales

Gestion complète des prêts : Création avec catégories (outils, livres, argent, électronique, sport), valeur estimée, dates de suivi

Dashboard interactif : Recherche en temps réel, filtres intelligents, statistiques visuelles avec graphiques colorés (Recharts)

Rappels automatiques par email : Alerte emprunteur 3 jours avant retour, alerte prêteur 7 jours après retard, templates personnalisés

Cron job quotidien : Envoi automatique des rappels chaque jour à 9h UTC via Vercel

Export PDF professionnel : Génération de preuves de prêt officielles avec jsPDF

Authentification sécurisée : Email + mot de passe (bcrypt) et OAuth Google via NextAuth.js

Dark mode : Toggle persistant pour confort visuel optimal

Responsive design : Interface fluide sur mobile, tablette et desktop (Tailwind CSS 4)

Analytics intégrées : Vercel Analytics et Speed Insights pour suivi des performances

Conformité RGPD : Cookie banner, politique de confidentialité, mentions légales

💳 Modèle d'abonnement Stripe

Système de paiement complet avec deux formules :

  • Plan Gratuit : 1 prêt actif simultané avec toutes les fonctionnalités de base

  • Plan Premium : 2€/mois (mensuel) ou 20€/an (annuel) pour prêts illimités, rappels automatiques, export PDF et support prioritaire

  • Portail client Stripe intégré : Gestion complète de l'abonnement, annulation en un clic, webhooks pour synchronisation automatique

🛠 Stack technique

Application full-stack moderne développée avec les dernières technologies :

  • Frontend : Next.js 15.5.4 (App Router), React 19.1.0, TypeScript 5, Tailwind CSS 4

  • Backend : Next.js API Routes (serverless), MySQL avec Prisma ORM 6.16.3

  • Authentification : NextAuth.js v4 avec sessions JWT sécurisées

  • Paiements : Stripe (Checkout, Customer Portal, Webhooks)

  • Emails : Resend avec templates HTML personnalisés et responsive

  • PDF : jsPDF + jspdf-autotable pour génération de documents

  • Automatisation : Vercel Cron Jobs pour rappels quotidiens

  • UI/UX : React Hook Form, Zod validation, react-hot-toast, Recharts

  • Hébergement : Vercel avec déploiement automatique, PlanetScale/Railway pour MySQL

🔐 Sécurité & Performance

  • ✅ Validation Zod côté serveur sur toutes les APIs

  • ✅ Rate limiting pour prévenir les abus

  • ✅ Headers de sécurité (CORS, CSP)

  • ✅ Hachage bcrypt pour mots de passe

  • ✅ Protection de toutes les routes et APIs

  • ✅ Architecture serverless scalable

  • ✅ Optimisation Next.js 15 avec Turbopack

  • ✅ Core Web Vitals optimisés (Speed Insights)

💪 Défis techniques relevés

  • Intégration Stripe complète : Gestion des webhooks en temps réel, synchronisation des statuts d'abonnement, portail client

  • Système de cron job fiable : Rappels automatiques quotidiens avec prévention des doublons et templates différenciés

  • Génération PDF dynamique : Création de documents officiels avec mise en page professionnelle

  • Dark mode persistant : Gestion du thème côté client avec synchronisation localStorage

  • Validation robuste : Schémas Zod pour toutes les entrées utilisateur

  • Architecture serverless : API Routes Next.js optimisées pour performance et scalabilité

📊 Résultats

Une application SaaS production-ready avec modèle économique viable. Interface intuitive et moderne qui facilite le suivi des prêts au quotidien. Système d'abonnement fonctionnel avec paiements sécurisés et conformité RGPD totale. Performance optimale mesurée par Vercel Speed Insights.

"KiLaPri simplifie vraiment le suivi de mes prêts. Les rappels automatiques sont un game-changer, et l'export PDF est parfait pour avoir une preuve officielle. L'interface est claire et agréable à utiliser."
— Utilisateur Beta testeur

🚀 Évolutions futures

  • Notifications push (Progressive Web App)

  • Mode "emprunteur" pour voir ce qu'on a emprunté

  • Application mobile native (React Native)

  • Rappels SMS via Twilio

  • Export Excel/CSV des données

  • Scanner de code-barre pour objets

  • Système de catégories personnalisables

🔗 Lien du site

🌐 Visiter kilapri.com

Technologies : Next.js 15, React 19, TypeScript, Prisma, MySQL, Stripe, NextAuth.js, Tailwind CSS 4, Vercel, Resend, Recharts

Date de réalisation

décembre 2024

Services
🌐Développement Web

Technologies utilisées

⚛️React
Next.js
🔷TypeScript
💚Node.js
🔺Prisma

Un projet similaire ?

Contactez-nous pour discuter de votre projet

Projets similaires

Développement Web

Création du site pilayo.fr

Site vitrine WordPress pour Pilayo, studio de Pilates et Yoga à Nancy. Refonte complète de l'identité visuelle avec création d'un nouveau logo aux couleurs douces et apaisantes. Intégration d'un système de paiement en ligne pour la réservation et l'achat de formules d'abonnement (Basique, Intense, Annuelle). Design responsive et moderne mettant en avant les valeurs de bien-être et d'équilibre.