Conception de projet : Roadmap.

ROADMAP_conception.md

Conception de projet

Feuille de route.

• 🔴 A faire
• 🟢 Fait

I. Idéation

• 🔴 Brainstorming (Idée principale, source d'inspiration première.).

  => 
  

• 🔴 Lister trois objectifs.

• 🔴 Définir le public cible.

  => 
  

• 🔴 Identifier les fonctionnalités principales.

• 🔴 Nommer le projet (nom de travail ou nom définitif)

✨ Livrable ✨ : Une présentation du projet clairement formulée en quelques lignes.

  ___

II. Recherches et analyse des besoins

• 🔴 Dossier d'inspiration : Trouver d'autres sites similaires, s'inspirer et tout rassembler sous forme de dossier de screenshots.

• 🔴 Besoins architecturaux : Envisager une architecture monolithique ou microservices. Argumenter le choix final.

• 🔴 Besoins fonctionnels (si nécessaire) :

  • Hébergement :

    • Frontend : _
    • Backend : _
    • BDD : _

  • Méthode d'authentification :

  • Sécurité :

  • Back-ups :

  • Méthode de gestion des fichiers médias :

    • Stockage d'images : _

• 🔴 Contraintes eventuelles (délai, matériel) :

✨ Livrable ✨ : Dossier de screenshots et liste de besoins.

III. Spécifications du projet

• 🔴 Outil US (Notion, GH Issues, tableur) : _

• 🔴 User stories

• 🔴 UML :

  • 🔴 Outil : _
  • 🔴 Class :
  • 🔴 Use case :
  • 🔴 Séquence :

• 🔴 Organisation du projet (outils, équipe)

  • Ticketing (Trello, Jira, GH Issues) :
  • Backlog (Trello, Jira, tableur) :
  • Organisation de branches et méthode de nommage :

✨ Livrable ✨ : Liste de user stories, au moins trois diagrammes et une organisation bien définie.

IV. Choix des technos

• 🔴 Choix des technos (utilisation d'un template ?)
  • 🔴 General :
  • 🔴 BDD (SQL/NoSQL, SGBD, ORM) :
  • 🔴 Frontend :
  • 🔴 Backend (API) :

✨ Livrable ✨ : Liste de technos.

V. Wireframe

• 🔴 Charte graphique

   // Main colors
   $primary-dark: #000;
   $primary-light: #000;

   $secondary-dark: #000;
   $secondary-light: #000;

   $accent-color: #000;

• 🔴 Outil (Excalidraw, Figma) : _
• 🔴 Liste des wireframes des pages principales :
  • 🔴 Homepage
  • 🔴 User profile
  • 🔴 Page de Login
  • 🔴 Page Register

✨ Livrable ✨ : Wireframes principaux validés.

VI. Maquettage et initialisation

• 🔴 Maquettage des wireframes :
  • 🔴 Homepage
  • 🔴 User profile
  • 🔴 Page de Login
  • 🔴 Page Register
• 🔴 Initialisation du repo.
• 🔴 Mise en place du Readme.
• 🔴 Architecture projet (schéma)
• 🔴 Modélisation de la BDD :
  • 🔴 Modèle Conceptuel (entités, verbes, relations, cardinalités, aucune donnée technique)
  • 🔴 Modèle Logique (clefs étrangères, tables de jointures)
  • 🔴 Modèle Physique (types de valeurs)
• 🔴 Design System

✨ Livrable ✨ : Repo sur GitHub avec schéma d'architecture projet, screenshots des maquettes et des modèles de la BDD et page de Design System.

VII. Tests de déploiement

Une fois le repo initialisé, effectuer un déploiement précoce qui permettra de faire régulièrement des tests d'intégration.

• 🔴 BDD
• 🔴 Frontend
• 🔴 Backend

✨ Livrable ✨ : Adresses des trois parties du projet déployées.

• BDD :
• Frontend :
• Backend :

VIII. Développement

• 🔴 BDD
  • 🔴 Création des tables/classes
  • 🔴 Seed ?
  • 🔴 Migrations ?
• 🔴 Frontend
• 🔴 Backend (API)

✨ Livrable ✨ : Projet complet.

IX. Tests

• 🔴 Outils de tests : Jest (TU), React Testing Library (composant), Playwright (end-to-end) ?
  • 🔴 Test unitaire :
  • 🔴 Test de composant :
  • 🔴 Test end-to-end :

✨ Livrable ✨ : Dossier de tests sur le repo.

X. Déploiement

• 🔴 Outils : _
• 🔴 Configurer l'hébergement
• 🔴 Déploiement

✨ Livrable ✨ : Projet accessible en ligne.

XI. Suivi

• 🔴 Axes d'amélioration :

• 🔴 Rechercher les feedbacks utilisateurs

• 🔴 Outils d'analyse si nécessaires (GTM, analytics) :

✨ Livrable ✨ : Amélioration et suivi continu.