Voici un plan de réalisation détaillé pour le MVP de Proximité+ côté front-end, en
se concentrant sur Next.js, Tailwind CSS et TypeScript, avec l’intégration de
Clerk.com pour la gestion des utilisateurs. Ce plan inclut une répartition en
sprints ainsi qu’un backlog produit regroupant les fonctionnalités et tâches à
développer, en s’appuyant sur les spécifications fonctionnelles et la gestion des
rôles et permissions (
,
).
1. Architecture & Mise en place de l’environnement
1.1. Initialisation du projet
Création du repository (GitHub ou autre) et configuration de l’environnement de
développement.
Initialisation de Next.js avec TypeScript : Générer une nouvelle application
Next.js en mode TypeScript.
Configuration de Tailwind CSS : Installer et configurer Tailwind dans le projet
pour assurer un design responsive et modulaire.
Installation et configuration de Clerk.com : Installer le SDK de Clerk, configurer
le Provider dans le fichier _app.tsx, et définir les routes protégées.
2. Répartition en Sprints
Sprint 1 : Setup initial & Intégration de l’authentification
Objectifs :
Mise en place de l’environnement technique (Next.js, TypeScript, Tailwind).
Intégration de Clerk.com pour la gestion de l’authentification.
Tâches clés :
Créer le repository, installer les dépendances.
Configurer Tailwind CSS (structure des layouts, thème personnalisé).
Installer Clerk, configurer les pages de connexion et d’inscription, et intégrer le
Provider.
Mettre en place les premières pages publiques (landing page, page d’accueil
simple).
Sprint 2 : Inscription & Gestion de Profil
Objectifs :
Création des parcours d’inscription et de gestion des profils pour les trois types
d’utilisateurs (Particuliers, Prestataires, Entreprises).
Tâches clés :
Page d’inscription : Formulaires adaptés à chaque type d’utilisateur, validation
des champs.
Intégration avec Clerk : Synchronisation des données d’inscription avec Clerk.
Pages de gestion de profil : Edition des informations personnelles et
professionnelles.
Réalisation d’une interface de modification du profil (prévoir le rôle et les
permissions, selon
).
Sprint 3 : Fonctionnalités principales – Recherche, Mise en relation et Réservation
Objectifs :
Développer les parcours pour les Particuliers et Prestataires permettant la
recherche, la consultation des profils, et la réservation de services.
Tâches clés :
Moteur de recherche avancé : Création d’un composant avec filtres (catégorie,
localisation, disponibilités, tarifs, avis) inspiré des spécifications
fonctionnelles (
).
Page de résultats et affichage des profils de prestataires.
Parcours de réservation : Formulaire de demande de service avec paiement simulé
(interface de paiement sécurisé et devis).
Intégrer la logique de notifications (via e-mail ou notifications push) pour
confirmer les actions.
Sprint 4 : Tableaux de bord et Gestion des Missions
Objectifs :
Créer des dashboards personnalisés pour chaque type d’utilisateur (Particuliers,
Prestataires et Entreprises).
Tâches clés :
Dashboard Particulier : Historique des demandes, suivi de statut (en attente, en
cours, terminée), liste des favoris.
Dashboard Prestataire : Gestion des missions, accès aux demandes, suivi des
paiements et évaluations.
Dashboard Entreprise : Interface de gestion des commandes groupées et suivi des
prestations.
Intégrer les composants de visualisation de données (statistiques simples,
indicateurs de performance).
Sprint 5 : Interface Administrateur & Gestion des Rôles/Permissions
Objectifs :
Développer l’interface back-office pour les administrateurs afin de superviser
l’activité, gérer les utilisateurs, et modérer les contenus.
Tâches clés :
Dashboard Administrateur : Vue d’ensemble des inscriptions, statistiques sur les
abonnements et transactions.
Gestion des utilisateurs : Liste, détails, modifications (activation/suspension) et
gestion des documents (en lien avec les rôles et permissions
).
Gestion des abonnements et publicités : Interface pour suivre les paiements et
commissions.
Mise en place des filtres et d’un système de notifications internes.
Sprint 6 : Intégration, Tests & Déploiement
Objectifs :
Effectuer des tests unitaires, d’intégration et des tests utilisateurs pour assurer
la qualité de l’application.
Déployer la Progressive Web App (PWA) sur une plateforme telle que Vercel.
Tâches clés :
Écriture de tests unitaires pour les composants clés (Next.js, API calls).
Tests E2E (ex. avec Cypress) pour valider les parcours critiques (inscription,
recherche, réservation).
Correction des bugs et optimisations UI/UX.
Mise en place de la CI/CD pour les déploiements automatisés.
3. Backlog Produit Détailé
Epic 1 : Infrastructure & Authentification
User Story 1.1 : En tant que développeur, je veux initialiser le projet avec
Next.js, TypeScript et Tailwind CSS pour disposer d’un socle technique moderne.
User Story 1.2 : En tant qu’utilisateur, je souhaite pouvoir m’inscrire, me
connecter et me déconnecter via Clerk afin d’accéder aux fonctionnalités protégées.
Tâches :
Initialisation du projet et configuration de Tailwind.
Installation et configuration de Clerk (création des pages de login, inscription et
gestion des sessions).
Tests de base de l’authentification.
Epic 2 : Inscription & Gestion de Profil
User Story 2.1 : En tant que particulier, je souhaite créer et gérer mon profil
pour accéder aux services.
User Story 2.2 : En tant que prestataire, je veux mettre à jour mes informations
professionnelles (catégorie, tarifs, disponibilités) pour être visible auprès des
clients.
User Story 2.3 : En tant qu’entreprise, je souhaite créer un profil entreprise avec
les informations nécessaires.
Tâches :
Création de formulaires d’inscription spécifiques pour chaque type d’utilisateur.
Implémentation de la page de gestion du profil et de la mise à jour des
informations.
Intégration avec Clerk pour synchroniser les données d’inscription.
Epic 3 : Recherche, Consultation & Réservation
User Story 3.1 : En tant que particulier, je veux rechercher des prestataires par
catégorie, localisation et tarifs.
User Story 3.2 : En tant que particulier, je souhaite consulter le profil d’un
prestataire, voir ses avis et réserver un service.
User Story 3.3 : En tant que prestataire, je veux consulter et répondre aux
demandes de service.
Tâches :
Développement du composant moteur de recherche avec filtres avancés.
Conception des pages de résultats et de détails du profil.
Implémentation du parcours de réservation et simulation de paiement sécurisé.
Epic 4 : Dashboards & Gestion des Missions
User Story 4.1 : En tant que particulier, je souhaite accéder à un tableau de bord
personnalisé pour suivre mes demandes.
User Story 4.2 : En tant que prestataire, je veux disposer d’un dashboard pour
gérer mes missions, revenus et évaluations.
User Story 4.3 : En tant qu’entreprise, je souhaite visualiser l’historique et le
suivi de mes commandes.
Tâches :
Création de dashboards adaptés pour chaque type d’utilisateur.
Intégration d’indicateurs de performance et historiques d’activités.
Mise en place d’un système de filtres et de tri pour les missions.
Epic 5 : Interface Administrateur & Gestion des Rôles
User Story 5.1 : En tant qu’administrateur, je veux avoir une vue globale des
utilisateurs et des transactions pour pouvoir modérer la plateforme.
User Story 5.2 : En tant qu’administrateur, je veux pouvoir modifier les rôles et
permissions des utilisateurs.
Tâches :
Développement du dashboard administrateur (statistiques, alertes, gestion des
utilisateurs).
Création d’interfaces de gestion des rôles et permissions (en lien avec le document
de gestion des rôles
).
Intégration d’outils pour la gestion des abonnements et des transactions.
Epic 6 : Notifications & Support Utilisateur
User Story 6.1 : En tant qu’utilisateur, je souhaite recevoir des notifications
pour les actions importantes (confirmation de réservation, mise à jour de mission).
User Story 6.2 : En tant qu’utilisateur, je veux accéder à un support (chat ou FAQ)
pour résoudre mes problèmes.
Tâches :
Conception et intégration des composants de notifications (via email/push).
Création d’un centre d’aide / FAQ et d’un système de ticket de support.
Epic 7 : Tests, Optimisations & Déploiement
User Story 7.1 : En tant que développeur, je veux disposer d’un ensemble de tests
unitaires et E2E pour assurer la robustesse de l’application.
User Story 7.2 : En tant qu’équipe, nous voulons déployer l’application sur Vercel
et mettre en place un pipeline CI/CD.
Tâches :
Rédaction des tests unitaires pour les composants et intégration des API.
Mise en place des tests end-to-end (ex. Cypress).
Configuration du déploiement sur Vercel et automatisation via CI/CD.
