Aller à l’état du projet
Retour au site Dépôt GitHub
Atelier Plume · carnet de projet

Le projet,
en toute clarté.

Dernière mise à jourSuivi éditorial versionné dans GitHub

Parcours client et administration implémentés · préparation de la base de données

Les clients peuvent créer un compte, personnaliser un faire-part, le publier et consulter ses réponses. Le tableau administrateur gère les comptes et la publication des projets. La base PostgreSQL et les secrets de connexion restent à configurer sur Hostinger avant utilisation.

6Disponible
1Démonstration
1À développer
7À vérifier
01 · Situation actuelle

Ce qui est prêt. Ce qui reste à faire.

Les statuts décrivent le code et les vérifications consignées. La disponibilité du site public n’est pas surveillée automatiquement.

Site vitrine et navigation

Disponible

Accueil, tarifs, blog, pages par événement et pages légales présents. Les textes commerciaux et juridiques doivent être personnalisés avant une utilisation commerciale.

Voir l’accueil

Catalogue et aperçus

Disponible

Filtres par événement, fiches de modèles et aperçus interactifs dans un téléphone. Certains modèles du catalogue restent des vignettes et n’ont pas de démo interactive.

Voir le catalogue

Enveloppe, rideau et porte

Disponible

Jardin secret, Rideau de soie et Porte de lumière : trois pages distinctes, animations rejouables, programme et informations pratiques. Les animations disposent d’un mode réduit et d’un déclenchement au clavier.

Ouvrir le rideau

Compte à rebours et calendrier

Disponible

Compte à rebours et téléchargement .ics sur les trois nouveaux modèles. Dates calculées dans Europe/Brussels ; les changements d’heure et le format du calendrier ont été vérifiés.

Ouvrir Jardin secret

Coordonnées de démonstration

Disponible

Noms et adresse personnels d’Alexiah remplacés, téléphones fictifs et liens de listes remplacés par example.com dans les modèles concernés. Les anciennes coordonnées ont été recherchées dans les fichiers publics générés.

Voir Alexiah

Documentation de suivi

Disponible

État du projet, priorités, limites et journal accessibles sur cette page et en Markdown. La compilation vérifie que les documents correspondent aux données du suivi.

Voir le suivi

Réponses aux invitations

À vérifier

Les invitations personnelles publiées enregistrent les RSVP sur le serveur et affichent les réponses dans l’espace client. La base Hostinger doit être initialisée. Les liens de démonstration statiques restent locaux.

Voir le modèle

Configurateur et commande

À vérifier

Le parcours conduit à la création d’un compte et d’un brouillon. Le règlement Stripe et la validation des commandes ne sont pas raccordés.

Voir le configurateur

Formulaire de contact

Démonstration

Formulaire visuel présent. Le bouton ne transmet aucun message et aucun service d’e-mail n’est branché.

Voir le contact

Espace client

À vérifier

Inscription, connexion, éditeur des textes, noms, date, lieu, coordonnées, déroulé et informations pratiques. Aperçu, enregistrement et publication implémentés. Nécessite PostgreSQL et les secrets sur Hostinger.

Voir l’espace client

Stockage serveur et administration

À vérifier

Schéma PostgreSQL et connexion Drizzle implémentés pour utilisateurs, projets et RSVP. Vérifier l’instance PostgreSQL choisie, les paramètres réseau et la persistance après déploiement.

Paiement et confirmation

À développer

Aucune intégration Stripe opérationnelle : création du paiement, webhooks, état de commande et confirmation restent à développer.

Hostinger et déploiement GitHub

À vérifier

Hébergement Next.js préparé. Le déploiement réel, la base PostgreSQL, les secrets et la mise à jour automatique restent à configurer sur Hostinger.

Lire le guide

Validation sur appareils réels

À vérifier

Les compilations et les fichiers générés ont été contrôlés. La comparaison aux références Revelia et la vérification visuelle complète restent à faire : le service de contrôle du navigateur était indisponible lors des créations.

Voir les vérifications restantes

Tableau de bord administrateur

À vérifier

Premier administrateur créé avec un jeton à usage initial ; consultation des comptes et des projets et modération de la publication. Initialisation PostgreSQL et configuration des secrets nécessaires.

Accès administrateur
02 · Feuille de route

Les prochaines étapes.

Un ordre de travail proposé, sans estimation de livraison. P1 : publication et échanges réels ; P2 : parcours commercial ; P3 : enrichissement.

P1DEP-01À vérifier

Confirmer la mise en ligne et les mises à jour automatiques

  • Relier la Web App Hostinger au dépôt et à la branche main.
  • Provisionner PostgreSQL accessible depuis la Web App et ajouter les variables obligatoires.
  • Configurer /admin/setup puis vérifier les comptes, l’éditeur, les réponses et les changements après un push sur main.

Validation attendueUne URL publique fonctionne, et un changement envoyé sur main est visible après un déploiement identifié dans hPanel.

P1QA-01À vérifier

Valider le parcours sur mobile et ordinateur

  • Tester l’ouverture et la relecture de l’enveloppe, du rideau et de la porte sur Safari mobile et Chrome.
  • Contrôler les petits écrans, le clavier, le focus et la réduction des animations.
  • Tester un accès direct aux pages, leur actualisation, les téléchargements .ics et la page 404.

Validation attendueLes parcours sont contrôlés sur les appareils indiqués ; chaque défaut constaté est consigné ou corrigé.

P1RSVP-01À vérifier

Collecter réellement les réponses des invités

  • Configurer et initialiser la base PostgreSQL de production.
  • Pousser une réponse depuis un autre appareil puis vérifier sa réception et l’export CSV dans le compte organisateur.
  • Tester la mise à jour d’une réponse à l’aide de la même adresse e-mail.

Validation attendueDes réponses réelles apparaissent de manière fiable dans l’espace client après configuration de la base de production.

P1COM-01À développer

Rendre le contact utilisable et finaliser les contenus

  • Connecter un service d’envoi, avec validation et protection contre les soumissions abusives.
  • Remplacer les coordonnées de test, offres, témoignages et textes légaux par les contenus validés pour l’activité.
  • Afficher clairement ce qui relève encore d’une démonstration.

Validation attendueUn message de test est reçu et les pages publiques présentent les informations approuvées par le responsable du site.

P2CMD-01À vérifier

Conserver les choix du configurateur

  • Valider les trois modèles actuellement disponibles depuis un compte client.
  • Conserver tous les choix saisis et les montrer dans le récapitulatif.
  • Raccorder la commande et le paiement quand les conditions commerciales et le compte Stripe seront définis.

Validation attendueLes brouillons des trois modèles se sauvegardent en base ; le paiement reste clairement indisponible tant que Stripe n’est pas configuré.

P2AUTH-01À vérifier

Ajouter les comptes et l’administration

  • Renseigner DATABASE_URL, AUTH_SECRET et ADMIN_BOOTSTRAP_TOKEN sur Hostinger.
  • Créer les tables avec npm run db:push puis créer le premier administrateur sur /admin/setup.
  • Tester les rôles, la séparation des projets clients et la persistance des sessions en production.

Validation attendueUn client gère seulement ses projets ; l’administration reste protégée et les données persistent sur la base de production.

P2PAY-01À développer

Raccorder le paiement

  • Créer le paiement depuis une commande enregistrée.
  • Traiter les événements de paiement côté serveur sans double traitement.
  • Prévoir succès, refus, annulation et confirmation de commande.

Validation attendueLes scénarios sont validés en mode test Stripe avant toute activation des paiements réels.

P3CAT-01À développer

Compléter les modèles et les traductions

  • Identifier les modèles encore limités à une vignette et définir ceux à produire.
  • Ajouter les traductions NL et EN des trois nouveaux modèles, actuellement proposés en français.
  • Remplacer les photos ou informations de lieu d’exemple lorsque le projet est personnalisé.

Validation attendueChaque modèle annoncé comme interactif dispose d’une démo et les langues proposées correspondent à des contenus réellement traduits.

03 · Points à connaître

Les limites actuelles.

8 points documentés
LIM-01Les RSVP ne sont pas transmis
Périmètre
Jardin secret, Rideau de soie et Porte de lumière
Impact
Les mariés ne peuvent pas consulter les réponses saisies par leurs invités sur un autre appareil.
Situation actuelle
Les nouvelles invitations publiées par un compte client transmettent leurs réponses au serveur et à la base. Les anciennes invitations fixes de démonstration continuent d’utiliser le stockage local.
Suite
Configurer et vérifier PostgreSQL avec RSVP-01.
LIM-02Paiement et envoi du formulaire de contact non raccordés
Périmètre
/contact, règlement de la commande et pages de démonstration
Impact
Aucun paiement n’est débité et le formulaire de contact ne transmet pas de message. Le paiement de la commande reste désactivé.
Situation actuelle
Le compte, les brouillons et la publication sont codés. Le Stripe réel exige un compte et des clés fournis par le responsable du service. Aucun prestataire d’e-mail n’est configuré.
Suite
COM-01, PAY-01
LIM-03Contenus et coordonnées d’exemple
Périmètre
Modèles, tarifs, témoignages et pages légales
Impact
Les numéros fictifs ne permettent pas de joindre un organisateur ; les listes example.com, lieux et offres ne constituent pas des informations commerciales définitives.
Situation actuelle
Les coordonnées personnelles précédemment utilisées ont été remplacées. Les informations réelles doivent être fournies pour chaque publication personnalisée.
Suite
COM-01, CAT-01
LIM-04Validation visuelle et comparaison aux références incomplètes
Périmètre
Notamment les trois nouveaux faire-part et leurs animations
Impact
La compilation ne garantit pas à elle seule le rendu sur tous les navigateurs ni la fidélité visuelle aux références.
Situation actuelle
Le contrôle automatique du navigateur a rencontré une erreur technique 404. Les sources, les routes générées et le calendrier ont été contrôlés sans inspection visuelle complète.
Suite
QA-01
LIM-05Déploiement et automatisation non confirmés
Périmètre
Hostinger / GitHub
Impact
Le dépôt local et un guide de configuration ne prouvent pas qu’un push met déjà à jour le site public.
Situation actuelle
L’offre Cloud Startup et l’option Web App ont été montrées. Le domaine public et la preuve d’un déploiement automatique restent à renseigner.
Suite
DEP-01
LIM-06Couverture inégale des modèles et langues
Périmètre
Catalogue et invitations
Impact
Toutes les entrées du catalogue ne disposent pas d’un faire-part interactif. Les modèles récents ne proposent que le français.
Situation actuelle
Les anciens modèles disposent de contenus FR/NL/EN selon leur configuration. Les trois nouveaux modèles déclarent uniquement le français.
Suite
CAT-01
LIM-07ESLint non configuré
Périmètre
Outils de développement
Impact
Le script npm run lint appelle next lint, mais aucune configuration ESLint ni dépendance ESLint directe n’est fournie dans le projet.
Situation actuelle
Les vérifications réalisées reposent sur TypeScript, les compilations et des contrôles ciblés. Aucun résultat ESLint n’est revendiqué.
Suite
Configurer ESLint avant d’en faire une étape de CI.
LIM-08Mise en service PostgreSQL et accès initial à prévoir
Périmètre
Hostinger Web App, configuration des variables et /admin/setup
Impact
Sans base initialisée et secrets configurés, aucun compte, projet personnalisé ou RSVP ne peut être conservé en production.
Situation actuelle
Les routes et le schéma sont implémentés. Une base PostgreSQL accessible, DATABASE_URL, AUTH_SECRET et ADMIN_BOOTSTRAP_TOKEN sont requis.
Suite
AUTH-01 et DEP-01
04 · Journal des changements

Le chemin parcouru.

Historique fonctionnel du travail réalisé. Une entrée ne signifie pas que le changement est déjà en production.

Espace client et administration

  • Ajout de comptes client et d’un administrateur avec mots de passe hachés et sessions sécurisées.
  • Création de brouillons personnalisés pour Jardin secret, Rideau de soie et Porte de lumière ; aperçu, édition et publication.
  • Enregistrement serveur des réponses et consultation/export CSV dans l’espace client.
  • Connexion PostgreSQL/Drizzle ; déploiement encore dépendant de l’instance et des secrets Hostinger. Stripe, e-mail et réinitialisation de mot de passe restent à raccorder.

Documentation de suivi structurée

  • Remplacement du tableau de pourcentages hérité par des statuts fondés sur l’implémentation.
  • Ajout de l’état du projet, d’une feuille de route priorisée, des limites connues et du journal sur /project-status.
  • Documents Markdown et page alimentés par une source commune ; vérification de leur synchronisation avant compilation.
  • Ajout d’un accès au suivi depuis le pied de page du site.

Préparation du déploiement depuis GitHub

  • Dépôt shortyfactory/faire-parts configuré sur la branche main ; premier commit local observé : 93ca082.
  • Guide complété pour Hostinger Web App, les commandes de compilation et le déploiement automatique.
  • Exclusion des fichiers d’environnement, compilations et captures locales dans .gitignore.
  • Activation réelle du déploiement automatique encore à confirmer dans hPanel.

Export statique Hostinger et données de test

  • Ajout de npm run build:hostinger, de l’export HTML, de .htaccess et du guide Hostinger.
  • Adaptation des anciens liens /templates/[slug] pour la publication sans serveur Next.js.
  • Remplacement des noms, de l’adresse et des téléphones personnels dans les modèles concernés ; listes remplacées par example.com.
  • Export, présence des fichiers liés et absence des anciennes coordonnées vérifiés ; archive statique produite.

Trois invitations Sarah & Thomas

  • Création de Jardin secret avec enveloppe animée et illustrations botaniques originales.
  • Ajout de Rideau de soie et Porte de lumière avec révélation progressive du faire-part.
  • Programme, informations pratiques, compte à rebours, calendrier .ics et RSVP de démonstration locale.
  • Ajout des pages directes, fiches de modèles et aperçus interactifs dans le catalogue.
05 · Documents du projet

À lire et à garder.