KEYCO

Présentation Du Projet

KEYCO est une application web SaaS full-stack conçue pour remplacer les cartes de visite classiques par une solution moderne, interactive et écologique.

En un simple scan via NFC ou QR code, l'utilisateur accède à une mini landing page personnalisée contenant ses informations professionnelles, ses liens et ses services.

Le projet combine builder no-code, gestion de compte, facturation intégrée et administration complète — développé et déployé de A à Z en autonomie.

Fonctionnalités principales

• Landing publique /p/[slug] : carte de visite digitale accessible en un geste via NFC ou QR code
• Builder en temps réel : éditeur no-code avec prévisualisation instantanée
• Personnalisation avancée : couleurs, typographies, avatar, bannière, services, réseaux
• Export vCard : enregistrement du contact en un clic
• Facturation & Devis : génération PDF, paiement Stripe, envoi email automatisé
• Dashboard complet : statistiques, gestion des landings, administration des utilisateurs
• Authentification sécurisée : inscription, connexion, reset mot de passe, rôles user/admin

Éléments de design

Site Marketing

Page d'accueil multilingue FR / EN / DE avec thème clair/sombre, hero section impactante et CTA orientés conversion. La grande image sous l’introduction illustre cette vitrine marketing.

Builder

Interface SaaS en deux colonnes : panneau d'édition scrollable à gauche et prévisualisation sticky à droite — modifications visibles instantanément.

Landing Publique

Design mobile-first optimisé pour le scan NFC. Barre d'actions sticky en bas : vCard, Partager, QR Code.

Dashboard & Administration

Hub central avec accès aux 8 modules : landings, statistiques, factures, devis, gestion utilisateurs, validation des inscriptions.

Technologies utilisées

• Next.js 15 : App Router, SSR, API Routes
• TypeScript : typage strict end-to-end
• Tailwind CSS 4 : système de design responsive
• Framer Motion : animations et transitions
• PostgreSQL + Prisma 5 : base de données relationnelle
• NextAuth.js v4 : authentification sécurisée avec adaptateur Prisma
• Stripe : paiements en ligne, checkout et webhooks
• Cloudflare R2 : stockage fichiers (images, PDF) via API S3
• Nodemailer : emails transactionnels avec pièces jointes
• jsPDF : génération de factures et devis en PDF
• Docker Compose : environnement de développement local
• Vercel : déploiement continu en production

Processus de conception

1. Analyse du besoin → identifier les limites de la carte de visite classique
2. Architecture → conception du schéma de base de données et des routes API
3. Design UI/UX → maquettes mobile-first, système de design cohérent
4. Développement frontend → builder, dashboard, landing publique
5. Développement backend → API REST, auth, facturation, stockage cloud
6. Intégrations → Stripe, Cloudflare R2, Nodemailer, jsPDF
7. Déploiement → mise en production sur Vercel avec CI/CD

Défis & solutions

• Éditeur temps réel sans latence : architecture React optimiste avec état local et réconciliation serveur
• Compatibilité NFC cross-platform : fallback QR code automatique pour iOS, Web NFC API pour Android
• Performances & SEO des landings publiques : Server-Side Rendering Next.js avec métadonnées dynamiques
• Facturation conforme : TVA non applicable art. 293B intégrée, PDF aux normes avec RIB/IBAN/BIC
• Sécurité multi-rôles : système d'approbation des comptes, accès admin cloisonné

Crédit

Projet KEYCO, application SaaS full-stack développée dans le cadre d'une autoentreprise pour moderniser le partage d'identité professionnelle via NFC et QR code.