🛠️ D&D: Phase 0 > Mise en place des projets

🎯 Objectif

Avant de commencer à développer, tu dois mettre en place une organisation claire de ton projet :

• Une gestion de code versionné sur GitHub
• Un suivi de tâches avec Trello en mode Kanban
• Une configuration d’un environnement de développement local fonctionnel

📋 Trello – Organisation Kanban

🔹 Pourquoi Trello ?

Trello est un outil de gestion visuelle de projet, parfait pour suivre l’avancement d’un projet logiciel. 👉 https://trello.com

🔧 Mise en place

1. Crée un tableau Trello nommé Projet D&D – [Ton prénom]

2. Crée au moins ces 5 colonnes :

   • Backlog (idées, besoins, specs)
   • To Do (tâches prêtes à être commencées)
   • Doing (tâches en cours)
   • Testing (tâches en cours de test)
   • Done (terminé)

3. Crée des user stories claires :

   En tant que joueur, je veux créer un personnage pour pouvoir l’utiliser dans le jeu. En tant qu’utilisateur, je veux voir les détails de mon personnage dans une interface propre. En tant que développeur, je veux pouvoir tester les actions d’un personnage contre un ennemi.

4. Ajoute des étiquettes (labels) pour chaque partie :

   • Éditeur (PHP)
   • Viewer (Flask)
   • Jeu (Pygame)
   • DB (modélisation et SQL)
   • Data (insertion, API, fichiers JSON…)

Ce ne sont que des exemples. Tu peux en ajouter d'autres ou utiliser les tiennes, tant qu'elles ont du sens.

5. Mets ton Trello à jour chaque jour. C’est un livrable obligatoire.

Parfait. Voici la section mise à jour et adaptée à ta consigne pédagogique : 👉 1 dépôt par technologie (PHP, Flask, Pygame), avec des explications claires pour créer un dépôt sur GitHub et le récupérer directement dans Visual Studio Code (sans ligne de commande).

🧠 Git, GitHub & Visual Studio Code

🎯 Objectif

Pour organiser correctement ton projet, tu vas créer un dépôt GitHub séparé pour chaque technologie utilisée :

Chaque dépôt contiendra son propre code, README, fichiers de configuration, base de données, etc.

🐙 Étape 1 – Créer un dépôt GitHub

1. Connecte-toi sur https://github.com

2. Clique sur le bouton + > New repository

3. Renseigne les champs suivants :

   • Repository name : par exemple dd-editeur-php
   • Description : "Éditeur de personnages pour le projet D&D"
   • Visibility : privé (selon ton choix)

4. Clique sur Create repository

5. Tu arrives sur une page avec l’URL de ton dépôt GitHub, par exemple :

   https://github.com/ton-nom-utilisateur/dd-editeur-php.git
   

🖥️ Étape 2 – Cloner le dépôt dans Visual Studio Code

1. Ouvre Visual Studio Code

2. Clique sur "Cloner un dépôt Git" dans la page d’accueil (ou Ctrl + Shift + P > "Git: Clone")

3. Colle l’URL de ton dépôt GitHub (par ex. https://github.com/...)

4. Choisis un dossier de destination sur ton ordinateur (par exemple Documents/Projets)

5. VS Code te propose d’ouvrir directement le projet cloné → clique sur "Ouvrir"

6. Une fois ouvert :

   • Tu peux commencer à coder
   • Un dossier .git est déjà présent
   • VS Code est déjà lié à GitHub, tu peux committer et pusher facilement

🔁 Travailler au quotidien

1. Fais tes modifications dans ton projet
2. Va dans l’onglet Contrôle de source (icône avec trois branches)
3. Écris un message de commit clair
4. Clique sur ✔ pour valider (commit)
5. Clique sur ↕ pour synchroniser (push/pull)

Répète cette opération régulièrement après chaque tâche terminée.

✅ À retenir

• Un dépôt par technologie = meilleure organisation
• Clonage depuis VS Code = facile et visuel, sans ligne de commande
• Commits fréquents = bonne évaluation, bon suivi

🖥️ Environnement local : XAMPP ou Laragon

🔹 Pourquoi ?

Tu dois avoir un environnement local pour exécuter ton code PHP/MySQL sans dépendre d’un serveur externe.

🔧 XAMPP

• Télécharge ici : https://www.apachefriends.org/index.html
• Lance Apache et MySQL
• Place tes fichiers PHP dans le dossier htdocs
• Accède à ton site via : http://localhost/mon-projet

🔧 Laragon (alternative conseillée)

• Télécharge ici : https://laragon.org/download/

• Environnement plus léger et plus simple à configurer

• Crée automatiquement des virtual hosts :

  • Tu peux accéder à ton site via http://mon-projet.test
  • Dossier de travail : C:\laragon\www\mon-projet

Utilise phpMyAdmin (inclus) pour gérer visuellement ta base MySQL.

✅ Livrables attendus pour cette étape