Repareliya — Plateforme de gestion pour atelier de réparation

Le projet

Repareliya est une plateforme digitale complète conçue pour un atelier spécialisé dans la réparation de smartphones, tablettes, ordinateurs et consoles.

Le projet va bien au-delà d'un simple site vitrine.

Il rassemble dans une seule application :

• un site public ;
• un estimateur de prix ;
• un système de demande de devis ;
• une boîte de réception temps réel ;
• un système de devis et factures ;
• un espace client ;
• un catalogue d'appareils et de réparations ;
• un système d'import d'appareils ;
• un dashboard d'administration.

L'objectif est de digitaliser l'ensemble du parcours entre le client et l'atelier.

Le challenge

Un atelier de réparation doit gérer beaucoup d'informations différentes :

• appareil ;
• marque ;
• modèle ;
• type de panne ;
• qualité de la pièce ;
• prix ;
• durée ;
• photos ;
• coordonnées client ;
• devis ;
• facture ;
• statut du dossier.

Le challenge était donc de construire une expérience simple côté client tout en donnant à l'équipe un outil opérationnel beaucoup plus complet côté administration.

Estimateur de prix

La page d'accueil contient un estimateur interactif.

Le client sélectionne progressivement :

1. le type d'appareil ;
2. la marque ;
3. le modèle ;
4. la réparation souhaitée.

Le système affiche ensuite les tarifs configurés pour ce modèle.

Plusieurs qualités peuvent être définies pour une même réparation, par exemple :

• Compatible ;
• Original.

Les tarifs peuvent également utiliser plusieurs modes :

• prix fixe ;
• prix « à partir de » ;
• Sur devis.

Aucun prix n'est inventé par défaut.

Tant qu'un prix réel n'est pas configuré dans l'administration, le site affiche simplement « Sur devis ».

Catalogue d'appareils

Le catalogue initial contient plusieurs centaines de modèles couvrant notamment :

• Apple ;
• Samsung ;
• Xiaomi ;
• Redmi ;
• POCO ;
• Google ;
• Huawei ;
• Honor ;
• Oppo ;
• OnePlus ;
• PlayStation ;
• Nintendo Switch ;
• Xbox ;
• Steam Deck.

La structure relie les catégories d'appareils, marques, modèles, types de réparation et différentes grilles tarifaires.

Import automatique des appareils

Une fonctionnalité importante du dashboard permet d'importer des appareils depuis des sources publiques actualisées.

Pour Apple, la plateforme peut exploiter AppleDB afin de récupérer différents appareils comme :

• iPhone ;
• iPad ;
• Apple Watch ;
• MacBook.

Pour Android, elle utilise la liste officielle des appareils certifiés Google Play.

Les noms sont normalisés et dédupliqués avant l'import.

L'administrateur peut ensuite sélectionner précisément les modèles qu'il souhaite ajouter à son catalogue.

Demande de devis

Le client peut préparer une demande depuis /devis.

Il sélectionne son appareil et les réparations nécessaires, décrit son problème et peut joindre jusqu'à trois photos.

Il choisit également son canal de contact préféré :

• WhatsApp ;
• téléphone ;
• e-mail.

Le formulaire reste volontairement flexible.

Seul le moyen de contact est obligatoire, ce qui réduit les frictions pour les utilisateurs qui veulent simplement obtenir rapidement une estimation.

Boîte de réception temps réel

Toutes les demandes envoyées depuis le site arrivent dans une boîte de réception intégrée au dashboard.

Les nouvelles demandes apparaissent en temps réel grâce à Supabase.

Chaque dossier présente :

• le client ;
• l'appareil ;
• les réparations demandées ;
• les photos ;
• le canal de contact préféré ;
• le statut ;
• les notes internes.

Des actions rapides permettent ensuite :

• d'ouvrir WhatsApp ;
• d'appeler ;
• d'envoyer un SMS ;
• d'envoyer un e-mail.

Devis

Depuis une demande client, l'administrateur peut créer directement un devis.

Les informations disponibles sont pré-remplies :

• client ;
• appareil ;
• réparations ;
• prix du catalogue.

Le devis peut ensuite être envoyé selon le canal préféré du client.

WhatsApp

Le dashboard ouvre WhatsApp avec le message et le lien du devis déjà préparés.

SMS

Le téléphone ouvre l'application SMS avec le message.

E-mail

Lorsque Resend est configuré, l'e-mail peut être envoyé directement avec le PDF du devis en pièce jointe.

Téléphone

Pour un client préférant être appelé, l'administrateur peut effectuer l'appel puis marquer le devis comme envoyé.

Facturation

Un devis peut ensuite être transformé en facture.

Lorsqu'une facture est validée :

• un numéro séquentiel est généré ;
• son contenu est verrouillé ;
• elle peut être marquée comme payée.

Une facture validée ne peut plus être modifiée ou supprimée directement.

Elle peut uniquement être annulée.

Cette règle protège l'intégrité du processus de facturation.

Génération PDF

Les devis et factures peuvent être générés en PDF côté serveur.

Le document peut ensuite être :

• téléchargé ;
• envoyé par e-mail ;
• partagé avec le client.

La génération serveur permet de conserver un rendu cohérent et indépendant du navigateur du client.

Espace client

Chaque devis ou facture possède une page client accessible via une URL privée.

Depuis cette page, le client peut :

• consulter le document ;
• télécharger son PDF ;
• accepter un devis ;
• refuser un devis.

Cela permet à l'atelier de suivre l'acceptation sans imposer au client la création d'un compte.

Accessoires

Le site comprend également une section dédiée aux accessoires.

Les produits peuvent être présentés au public et réservés.

Cette partie permet à Repareliya de compléter l'activité de réparation avec la vente ou la réservation de produits complémentaires.

Réalisations

Une galerie permet de présenter les réparations déjà effectuées.

Les contenus peuvent montrer des photos avant/après afin de rassurer les visiteurs sur la qualité du travail.

Avis

La plateforme possède également un système de gestion des avis.

L'administration permet notamment :

• de modérer les avis ;
• de répondre ;
• d'ajouter certains avis provenant de Google ou Facebook.

Une intégration Google Places peut également afficher la note Google et les derniers avis lorsque l'API est configurée.

Paramètres du magasin

Le dashboard centralise les informations importantes du commerce :

• nom ;
• adresse ;
• téléphone ;
• WhatsApp ;
• horaires ;
• devise ;
• pays du téléphone ;
• TVA ;
• informations légales ;
• coordonnées bancaires ;
• conditions des devis ;
• conditions des factures.

Cela permet d'adapter l'application à l'entreprise sans modifier le code.

Sécurité

La plateforme utilise plusieurs niveaux de protection.

Les pages d'administration et les Server Actions vérifient les droits administrateur.

Supabase Row Level Security applique également les règles directement au niveau de la base de données.

Les formulaires publics utilisent notamment :

• validation serveur ;
• honeypot ;
• temps minimum de remplissage ;
• rate limiting.

Cloudflare Turnstile peut être activé pour ajouter une protection anti-bot supplémentaire.

Les photos envoyées par les clients sont conservées dans un bucket privé.

Authentification

Il n'existe pas d'inscription publique pour devenir administrateur.

Les comptes administrateur sont créés explicitement.

Cela évite qu'un utilisateur externe puisse demander ou obtenir automatiquement un accès au dashboard.

SEO

Le projet intègre des pages SEO spécifiques par marque et par modèle.

Par exemple :

/reparation/apple

ou :

/reparation/apple/iphone-15-pro

Cette architecture permet de créer des pages ciblées sur les recherches liées à un appareil ou à une marque particulière.

CI/CD

Le projet possède également une pipeline CI/CD avec GitHub Actions.

À chaque pull request ou push sur main, la pipeline vérifie :

• le lint ;
• TypeScript ;
• le build ;
• les migrations Supabase ;
• le seed de la base de données.

Après validation, la branche principale peut automatiquement :

• appliquer les migrations en production ;
• déployer l'application sur Vercel.

Les déploiements de production sont donc conditionnés par la réussite des vérifications.

Stack technique

• Next.js 16
• React
• TypeScript
• Supabase
• PostgreSQL
• Supabase Authentication
• Supabase Storage
• Supabase Realtime
• Vercel
• GitHub Actions
• Resend
• Cloudflare Turnstile
• PDF Generation

Résultat

Repareliya transforme un site de réparation classique en véritable outil de gestion métier.

Le client bénéficie