Codage Vibe avec GitHub Copilot

Présentation

Copilot vous permet de créer une nouvelle application à partir de zéro, d’ajouter des fonctionnalités ou de modifier l’interface utilisateur, sans écrire vous-même une ligne de code. Vous pouvez collaborer avec Copilot, en saisissant des invites dans la fenêtre de discussion, en utilisant l’IA comme partenaire de codage, et en laissant Copilot se charger de tout le codage.

Dans ce tutoriel, vous allez travailler de cette façon, dans VS Code ou dans un IDE JetBrains, pour créer une application web de suivi du temps personnel.

Cette méthode fonctionne bien pour développer une preuve de concept, créer un brouillon d’une application que vous allez développer davantage à l’aide d’une approche plus conventionnelle du développement de logiciels ou créer des applications pour votre propre utilisation personnelle.

Pour qui est ce tutoriel ?

•         **Apprenant:** Vous apprenez à créer des applications logicielles. Vous pouvez apprendre beaucoup à utiliser Copilot et à voir comment il implémente vos requêtes.
  

•         **Non développeur :** Vous êtes responsable de produit ou travaillez dans un autre rôle en dehors d’une équipe d’ingénierie. Vous souhaitez créer rapidement une preuve de concept d’application pour illustrer certaines fonctionnalités particulières. Vous êtes principalement préoccupé par l’expérience utilisateur, plutôt que par les détails du code.
  

•         **Individu:** Vous souhaitez créer une application pour fournir des fonctionnalités utiles pour vous aider dans votre vie professionnelle ou familiale quotidienne. L’application s’exécute localement sur votre ordinateur, et vous l’utiliserez uniquement. Vous n’êtes donc pas trop préoccupé par la façon dont le code a été mis en place.
  

Ce didacticiel n’est pas destiné aux développeurs expérimentés qui ont une pratique établie d’écrire du code dans un éditeur. Les développeurs expérimentés utiliseront Copilot de manière différente, comme outil de résolution de problèmes et d’augmentation de la productivité. Dans ce tutoriel, nous allons travailler dans le chat et laisser Copilot effectuer toutes les tâches dans l’éditeur.

Combien de temps cela prend-il ?

Il existe de nombreuses variables qui peuvent affecter le temps nécessaire pour suivre ce didacticiel. Toutefois, vous devez prévoir au moins deux heures. Vous pouvez y revenir à tout moment ultérieurement, en reprenant là où vous vous êtes arrêté dans la même conversation dans Discussion avec Copilot.

Prerequisites

Avant de commencer, munissez-vous des éléments suivants :

• Un GitHub Copilot forfait d’abonnement.
• L’un de ces IDE :
  • Visual Studio Code
  • Tout IDE JetBrains prenant en charge Copilot, avec l’extension GitHub Copilot pour JetBrains installée. Consultez Installer l'extension GitHub Copilot dans votre environnement.
• Expérience dans l’utilisation de Discussion avec Copilot dans Visual Studio Code ou JetBrains. Si vous n'avez jamais utilisé Discussion avec Copilot auparavant, consultez Poser des questions à GitHub Copilot dans votre IDE.

Préparation

Nous allons créer une application de suivi du temps dans un dépôt GitHub.

1. Dans le site web GitHub, créez un dépôt privé pour votre application, y compris un fichier README initial. Consultez Création d’un référentiel.

2. Clonez une copie du référentiel sur votre ordinateur local. Consultez Clonage d’un référentiel.

3. Dans votre copie locale du référentiel, créez une branche dans laquelle travailler.

   Par exemple, dans un terminal, utilisez la commande :

   Bash

   git checkout -b BRANCH-NAME
   

Rechercher avec Copilot

1. Dans VS Code, ou votre IDE JetBrains, ouvrez le répertoire du référentiel en tant que nouveau projet ou espace de travail.

2. Fermez tous les onglets de l’éditeur actuellement ouverts.

   L’utilisation d’un projet ou d’un espace de travail vide, sans onglets de l’éditeur, empêche Copilot d’être influencé par tout code ou information dans ces onglets.

3. Ouvrez une fenêtre de terminal dans l’IDE.

4. Ouvrez Discussion avec Copilot et vérifiez, en bas de l’affichage de conversation, que Demander est le mode de conversation actuellement sélectionné. Si ce n’est pas le cas, sélectionnez Demander dans la liste déroulante du mode conversation.

   

5. Choisissez un modèle dans la liste déroulante modèles.

   Remarque

   Les réponses mentionnées dans ce tutoriel ont été reçues lors de l’utilisation de Claude Sonnet 4.5. D’autres modèles répondent différemment, mais vous devez obtenir des résultats à peu près similaires. Claude Sonnet 4.5 est un bon choix, s’il est disponible, car il fournit des commentaires utiles dans l’affichage conversationnel, expliquant ce qu’il fait et donnant des résumés détaillés quand il a terminé le codage.

   Si Claude Sonnet 4.5 n’est pas disponible, définissez le modèle sur Auto ou sélectionnez un modèle de votre choix.

6. Entrez cette commande dans le chat :

   Copilot prompt

   I need to keep a daily log of what I've spent my time on. I want to build a time-tracking application to help me do this. Throughout the day I want to use the app to record what I'm working on as I move between tasks. At the end of the day it should show me the total time I've spent on each item.
   
   What are the typical features of such an app?
   
   What do I need to consider when building this app?
   

   Copilot vous fournit des informations détaillées pour répondre à vos questions.

7. Considérez la réponse de Copilot et sollicitez davantage d'informations, si nécessaire, afin de clarifier vos réflexions concernant votre application logicielle.

   Par exemple, vous pouvez demander :

   Copilot prompt

   Data storage: the application will run locally on my laptop. What's the best way to persistently store data so that I'll have access to historic time-tracking data?
   
   Data structure: How should I structure the data for this application? There will be tasks and projects. Each chunk of time will be associated with a task and some, but not all, tasks will be associated with projects. I will want to see totals for: each task, each project, each task per project.
   

8. Continuez à poser des questions dans la même conversation de conversation, afin de créer une idée plus claire de l’application que vous souhaitez créer.

   Gardez votre conversation de chat ouverte, car Copilot l’utilisera dans la prochaine série d'étapes.

Planification de l’implémentation

Vous pouvez maintenant commencer à planifier une implémentation initiale de votre application. Il est judicieux de commencer par une version de base de l’application sur laquelle vous pouvez effectuer une itération. Cela facilite l’utilisation des fonctionnalités fondamentales avant d’ajouter des fonctionnalités.

1. Dans la même conversation Discussion avec Copilot que vous avez utilisée dans la section précédente, passez du mode d’interrogation au mode de planification en sélectionnant Plan dans la liste déroulante du mode de chat en bas de la fenêtre de chat.

2. Entrez cette invite :

   Copilot prompt

   I want to build a time-tracking application that allows me to keep track of how much time I spend on tasks during my working day. This should be a web app that runs locally on my computer. Plan the implementation of a basic, initial version of this application. This first version should allow me to:
   
   - Add, edit and delete projects and tasks - each a name with a maximum of about 50 characters
   - Quickly click to select a project and task and record the start time
   - Click another task to stop the current timer, recording the stop time, and recording the start time for the new task
   - Pause/resume/end the current task
   - Display the totals of times I have spent on each: task, project, and task per project.
   
   Time is always recorded for a specific task. A task can optionally be associated with a project.
   
   Store data for each day, but for this version do not include any user interface or functionality for looking at historical data, or compiling statistics. The initial version of the application should be limited to today's time tracking.
   
   Notes:
   - Tasks never overlap
   - Time should be accurate to the minute by recording the day, hour, minute tasks are started and stopped and calculating the duration from this
   - Design the web UI for display on a desktop monitor
   - Keep things very simple for the initial version. Do not add any other features not mentioned in this prompt
   

   Copilot répond avec quelque chose comme :

   Plan : Construire une application web de suivi du temps

   Une application web monopage permettant de suivre le temps quotidien des tâches à l'aide du code HTML/CSS/JavaScript pur avec localStorage. L’application affiche des projets/tâches dans une barre latérale, affiche un minuteur actif et calcule les totaux quotidiens par tâche et projet.

   Étapes

          **Créer une structure de projet** avec `index.html`, `styles.css`, `app.js` et `storage.js` pour une application JavaScript classique autonome
   

          **Implémenter la couche de stockage de données** dans `storage.js` en utilisant localStorage avec des collections pour `projects`, `tasks`, et `timeEntries`, y compris les opérations CRUD et la génération d’ID
   

          **Créer une structure HTML** avec `index.html` trois sections principales : barre latérale gauche pour la gestion des projets/tâches, panneau central pour le minuteur actif et les contrôles (start/pause/resume/stop) et panneau droit pour les totaux quotidiens
   

          **Mettre en œuvre la logique de base du minuteur** dans la sélection des tâches de gestion `app.js` (arrêt automatique de la précédente, démarrage automatique de la nouvelle), les actions de pause/reprise/arrêt et les calculs de temps à la minute près avec enregistrement de `{ taskId, startTime, endTime, duration }`
   

          **Créer des fonctions de rendu de l’interface utilisateur** dans `app.js` pour les listes de projets/tâches avec modification/suppression en ligne, affichage du minuteur actif avec mises à jour en temps réel et panneau des totaux regroupant les tâches, les projets et les tâches par projet
   

          **Mettez en forme l’interface** avec `styles.css` une disposition à trois colonnes optimisée pour le bureau, des états visuels clairs pour les minuteurs actifs/suspendus, et des formulaires simples pour ajouter/modifier des projets et des tâches.
   

   Considérations supplémentaires

          **Gestion des dates** : stockez toutes les heures sous forme de chaînes ISO et filtrez les entrées par date (`YYYY-MM-DD`). La limite de jour doit-elle être minuit ou une heure personnalisée (par exemple, 4 h pour les travailleurs de la nuit) ?
   

          **Format d’affichage du minuteur** - Afficher le temps écoulé sous `HH:MM` ou `H hours M minutes`? Mettez à jour toutes les secondes ou toutes les minutes ?
   

             **Tâches non attribuées** - Comment afficher des tâches sans projets dans l’interface utilisateur ? Séparer la section « Aucun projet » en haut ou en bas de la barre latérale, ou bien la mélanger par ordre alphabétique ?
   

1. Répondez aux questions « Autres considérations » Copilot soulevées. Par exemple, vous pouvez répondre à cette invite :

   Copilot prompt

   - Date handling: only consider the local date. This app is only going to be used by one person in one timezone. Set the day boundary to 4 am.
   - Time display: Show elapsed time as HH:MM. Don't track seconds.
   - Unassigned tasks: I've changed my mind. All tasks should be associated with a project, but there should be a built-in project called "No Project" (which the user can't delete or rename). All tasks should be associated with this project until the user chooses another project.
   
   If the user is changing tasks for the same project then they should be able to do this with one click (assuming the new task has already been defined). If they are doing the same task but for a different project, this should also be possible to change with one click (assuming the new project is already defined). If they want to track time for a different task in a different project then they should be able to do this with 2 clicks.
   

   Copilot pourrait vous poser d’autres questions à prendre en considération.

2. Vous pouvez répondre à certaines ou toutes les questions, ou, si vous pensez que le plan a suffisamment de détails, vous pouvez passer à l’étape suivante.

   l’utilisera dans la prochaine série d'étapes.

Conception de votre application avec Agent de programmation Copilot

Lorsque vous pensez que le plan contient suffisamment de détails :

1. Cliquez sur Démarrer l’implémentation dans la vue Discussion avec Copilot .

   En fonction de votre IDE, cela démarre immédiatement l’agent, ou ajoute « Démarrer l’implémentation » comme invite, que vous devez ensuite envoyer.

   Notez que le mode conversation passe de « Plan » à « Agent ».

2. Copilot demande votre autorisation d’effectuer des actions telles que la modification de fichiers sensibles, l’exécution de commandes ou l’ajout de fichiers à Git.

   • Dans VS Code : cliquez sur Autoriser.

     

     Vous pouvez également cliquer sur la flèche sur le bouton Autoriser et cliquer sur Autoriser dans cette session dans le menu déroulant.

   •      **Dans JetBrains :**
     

     • Lorsque vous êtes invité à ajouter un fichier à Git, cochez la case Ne pas demander à nouveau , puis cliquez sur Ajouter.

     • Lorsque vous êtes invité à exécuter une commande, cliquez sur Continuer.

       

   Copilot va commencer à implémenter une version initiale de votre application.

3. Si Copilot termine sa réponse sans terminer l’installation, ou si Copilot semble avoir bloqué, effectuez les actions correctives suivantes, selon les besoins :

   •      **Composant manquant**
     

     Si Copilot indique qu’il ne peut pas continuer, car un composant requis doit être installé (par exemple, Node.js), vous pouvez entrer une invite demandant à Copilot de télécharger et d’installer le composant manquant.

   •      **Le processus prend beaucoup de temps**
     

     Certaines étapes peuvent prendre plusieurs minutes. Soyez patient et autorisez l’agent à effectuer chaque partie du processus. Une icône de spinner animée indique que l’agent travaille actuellement sur une commande.

     Par exemple, dans les IDE JetBrains :

     

   •      **Entrée requise**
     

     ParfoisCopilot exécute une commande qui nécessite une entrée manuelle.

     Si Copilot semble être bloqué, vérifiez la fenêtre du terminal de l’IDE pour déterminer si une commande nécessite une action de votre part. Copilot vous demande d'entrer une réponse dans le terminal avant de continuer.

   •      **Messages d’erreur**
     

     Si vous recevez des messages d’erreur lors du développement de l’application, copiez le message d’erreur dans la zone d’invite de conversation et demandez à Copilot pour résoudre le problème.

     Remarque

     Vous devrez peut-être itérer avec Copilot de cette façon, en lui demandant de déboguer et de résoudre les problèmes, jusqu’à ce qu’il ait une application opérationnelle que vous pouvez afficher dans votre navigateur.

   •      **La réponse de Copilot semble bloquée**
     

     Si l’icône de spinner s’affiche dans une réponse, mais, après avoir attendu plusieurs minutes et vérifié que votre entrée n’est pas requise dans le terminal, rien ne se passe, vous pouvez arrêter et redémarrer la conversation.

     Cliquez sur le bouton Annuler en bas de la vue de conversation. Par exemple, dans VS Code :

     

     Entrez ensuite l’invite :

     Copilot prompt

     Your previous response stalled. Try again, picking up from where you left off.
     

4. En règle générale, à la fin du processus de codage, Copilot demande votre autorisation d’ouvrir une page web non approuvée pour l’application :

   

   Donnez votre autorisation pour cela.

5. Lorsque l’agent termine le travail sur l’application, il affiche un résumé de ce qu’il a créé dans le panneau de conversation. En règle générale, il fournit un lien vers l’application en cours d’exécution.

   L’application de suivi du temps peut également s’afficher dans un onglet de navigateur de votre IDE. Cela peut être utile pour confirmer que la page est disponible. Toutefois, vous devez toujours vérifier l’application dans votre navigateur par défaut pour vérifier une expérience utilisateur réaliste.

   Cliquez sur le lien dans le volet de conversation pour ouvrir l’application dans votre navigateur par défaut.

   Si un lien n’est pas affiché dans la réponse de chat de Copilot, patientez quelques minutes, car l’agent est peut-être en train de travailler sur le déploiement de l’application. Si un lien n’est toujours pas affiché, vous pouvez inviter Copilot à afficher un :

   Copilot prompt

   Confirm the implementation is complete. If so, give me a link to the running application.
   

6. Si le dernier message de Copilot vous donne des instructions pour démarrer l’application (par exemple, en cours d’exécution), au lieu de fournir un lien vers l’application en cours d’exécution npm start, vous pouvez demander à Copilot d’exécuter la commande pour vous et de vérifier qu’elle s’est terminée correctement. Par exemple:

   Copilot prompt

   Run npm start for me and confirm everything is working
   

   Si Copilot n’est pas en mesure d’exécuter toutes les commandes elle-même, elle vous fournira des commandes que vous pouvez copier et coller dans le terminal.

Test de votre application

1. Affichez la page web de votre application.

   Voici quelques exemples d’une application de suivi du temps créée par Copilot :

   
   

   Remarque

   L’application que Copilot génère peut être assez différente des exemples montrés ci-dessus.

2. Essayez d’utiliser l’application. Ajoutez quelques projets et une sélection de tâches, puis démarrez le suivi de l’heure sur une tâche.

3. À mesure que vous essayez ce premier brouillon de la demande, notez les deux ou trois éléments les plus importants qui doivent être modifiés. Dans les étapes suivantes, vous allez travailler sur la résolution de ces problèmes. Pour l’instant, ne passez pas de temps à noter tout ce que vous voulez changer. Identifiez simplement les choses les plus pressantes qui doivent être corrigées en premier. Vous aurez le temps de faire en sorte que tout fonctionne et ressemble à ce que vous voulez plus tard dans le processus.

4. Si l’application ne se charge pas ou qu’une erreur s’affiche, décrivez le problème dans la zone d’invite de conversation, copiez et collez les messages d’erreur et demandez à Copilot pour déboguer et résoudre le problème.

5. Après avoir examiné le brouillon initial de l’application et établi qu’elle s’exécute de manière rudimentaire au moins, revenez à votre IDE.

6.        _
          **Facultatif** : si vous êtes familier avec le type de code que Copilot écrit pour vous._ Affichez les fichiers que Copilot a modifiés dans l’éditeur et examinez les modifications. Vous pouvez apporter vos propres modifications si nécessaire.
   

7. Cliquez sur Conserver (dans VS Code) ou Tout accepter (dans les IDE JetBrains), dans la vue Discussion avec Copilot, pour accepter les modifications et supprimer les lignes de différences de l’éditeur.

   Vous disposez maintenant d’une version de base de votre application sur laquelle vous pouvez itérer pour améliorer et étendre les fonctionnalités et l’interface utilisateur.

8. Validez les modifications apportées à Git.

   Il est toujours judicieux de valider les modifications à chaque itération réussie afin de pouvoir facilement revenir à une version précédente si vous décidez que vous n’aimez pas certaines modifications que Copilot a été effectuée pour vous.

9. Fermez tous les onglets d’éditeur ouverts, mais conservez la vue Discussion avec Copilot ouverte, puisque vous continuerez à travailler dans le même chat.

Itération sur les modifications

1. Après avoir commité la version initiale sur Git, vous pouvez apporter une modification à l’application, en corrigeant l’une des choses que vous avez notées lors de la révision du site.

   Par exemple, l’implémentation peut avoir lié des tâches au projet, afin qu’une tâche créée pour un projet ne s’affiche pas lorsque vous sélectionnez un autre projet. Pour modifier cela et vous permettre de créer des tâches pouvant être utilisées pour n’importe quel projet, veuillez saisir une autre invite dans la même conversation, tout en restant en mode assistant pour Copilot. Vous pouvez utiliser une invite telle que :

   Copilot prompt

   Tasks should not be tied to projects in the user interface, as they currently are. When the user selects a project, allow them to choose any currently defined task. There should be a many-to-many relationship between projects and tasks.
   

2. Là encore, Copilot va probablement vous demander d’approuver les modifications qu’il doit apporter au code. Cliquez sur Approuver ou Continuer.

3. Une fois Copilot termine la modification, revenez à votre navigateur et actualisez la page.

4. Examinez l’application révisée et informez Copilot si la modification n’a pas été implémentée correctement.

   Vous pouvez repérer plusieurs éléments qui ont besoin d’être résolus, mais pour autoriser Copilot à se concentrer sur une chose à la fois, vous devez limiter chaque invite à une seule tâche et itérer sur cela dans une série d’invites et de réponses, si nécessaire, jusqu’à ce que le problème soit résolu. Ensuite, passez à la prochaine chose que vous voulez changer.

5. S’il existe un problème avec la disposition de la page web( par exemple, des éléments qui se chevauchent ou mal alignés), vous pouvez prendre une capture d’écran, la coller dans la conversation et entrer une invite telle que :

   Copilot prompt

   This part of the web page looks bad. Fix it.
   

6. Une fois qu’une modification est implémentée de manière satisfaisante, cliquez sur Conserver ou Accepter tout et validez les modifications.

7.        _
          **Facultatif** :_ en fonction de vos pratiques de travail, par exemple si vous travaillez au sein d’une équipe de développement, vous pouvez décider à ce stade, et après chaque modification importante, de soumettre une demande d’extraction. Cela vous permettra d’avoir des modifications examinées et fusionnées dans la branche par défaut du référentiel afin que d’autres personnes puissent travailler sur le code.
   

8. Continuez à itérer sur votre application.

   Par exemple, vous souhaiterez peut-être donner à l’application un autre style d’interface utilisateur. Dans ce cas, toujours en mode assistant, vous pouvez demander Copilot :

   Copilot prompt

   I don't like the look of the user interface. Suggest some alternative web UI libraries I could choose to give the app a more formal, business-like appearance.
   

   Copilot répertorie certaines bibliothèques d’interface utilisateur.

9. Choisissez l’une des bibliothèques et demandez à Copilot de l’utiliser. Par exemple:

   Copilot prompt

   Alter the user interface to use Bootstrap 5. I want the app to look like a professionally designed business application.
   

   Copilot retravaille l’application pour utiliser votre bibliothèque d’interface utilisateur choisie.

10. Vérifiez les résultats et validez les modifications si vous êtes satisfait de l’apparence révisée de l’application.

11. Une exigence courante pour une application de suivi de temps est la possibilité de générer votre feuille de temps. Par exemple, si vous êtes entrepreneur, vous devrez peut-être soumettre une feuille de temps avec votre facture. Nous allons donc ajouter la possibilité de générer un fichier PDF.

    Ignorez cette invite :

    Copilot prompt

    Add a button to the user interface which generates a PDF timesheet for the work the user has tracked today. The timesheet should show the total time spent on task for each of the defined project for which data has been recorded today. Under this show the total time spent on each project. Then show the total time spent on each task irrespective of projects. Finally show a chronological lists of tasks performed during the day with the time spent on each.
    

Exemple d’application

Après avoir collaboré avec Copilot pour développer, étendre et améliorer votre outil de suivi du temps, l’application pourrait ressembler à ceci :

Amélioration de votre projet logiciel

1. Copilot peut vous aider à renforcer la robustesse de votre projet en ajoutant et en exécutant des tests. Les tests aident à empêcher les bogues d’entrer dans la base de code. Vous pouvez saisir Copilot en mode assistant :

   Copilot prompt

   Add a comprehensive suite of tests for this application. These should include unit tests, integration tests, component tests, database tests, and end-to-end tests. Locate the tests in a `tests` directory. Run the tests and fix any problems that are identified.
   

2. Il est toujours judicieux d’avoir un fichier README dans votre projet. Le fichier README doit fournir une vue d’ensemble du projet et fournir des instructions sur l’utilisation de l’application. Vous pouvez demander à Copilot de créer ou de mettre à jour le fichier README :

   Copilot prompt

   Add or update a README.md file. This should provide an introduction to the application, describing its primary use and highlighting its features. It should give easy to follow user instructions for using the application in the browser. It should provide admin instructions, explaining how to deploy the application. Finally it should give an overview of the technologies used to build the application and some basic information for developers on how to maintain the code and extend the application.
   

3. Maintenant que vous avez ajouté le code initial de l’application au référentiel, vous devez ajouter un fichier d’instructions personnalisé pour Copilot. Le fichier d’instructions personnalisées améliore les réponses de Copilot dans un référentiel en fournissant des conseils et des préférences d’implémentation spécifiques au référentiel. Pour ajouter un fichier d’instructions personnalisé :

   •      **Dans VS Code :** cliquez sur l’icône de roue dentée « Configurer la conversation », en haut de l’affichage conversation, puis cliquez sur **Générer des instructions de conversation**.
     

   •      **Dans les IDEs de JetBrains :** en mode agent de Discussion avec Copilot, saisissez une requête telle que :
     

     Copilot prompt

     Analyze this codebase and create or update `.github/copilot-instructions.md` to guide AI coding agents.
     
     Discover essential knowledge for immediate productivity:
     - Architecture: major components, service boundaries, data flows, and structural decisions
     - Developer workflows: builds, tests, debugging commands
     - Project conventions that differ from common practices
     - Integration points and cross-component communication
     
     Guidelines:
     - Merge intelligently if file exists
     - Write ~20-50 concise lines with markdown structure
     - Include specific codebase examples
     - Focus on THIS project's approaches, not generic advice
     - Document discoverable patterns, not aspirational patterns
     - Reference key files/directories that exemplify important patterns
     

4. Passez en revue le fichier d’instructions. Si vous pensez que les instructions ont besoin d’autres détails, vous pouvez les ajouter manuellement au fichier et l’enregistrer. Par exemple, vous pouvez ajouter une instruction sur l’exécution de tests, si le fichier ne contient pas déjà d’instruction sur ce qui suit :

   Text

   ## Running tests
   
   Always run the complete test suite after completing a batch of code changes, to ensure the changes do not break or adversely affect any part of the application. Fix any test failures and then run the tests again to verify the fix.
   

Étapes suivantes

• Continuez à itérer sur ce projet, en apportant des améliorations à votre suivi de temps.
• À l’aide de la même méthodologie, créez une autre application.
• Découvrez une autre façon de créer des applications sans écrire le code vous-même. Consultez À propos de GitHub Spark.