Article original : How to Run the freeCodeCamp Backend Challenges Locally

Pour la certification Back End Development and APIs de freeCodeCamp, vous pouvez réaliser tous les défis en local et soumettre le lien du serveur local. Mais comment cela fonctionne-t-il exactement ?

Dans cet article, je vais vous guider étape par étape pour configurer les défis backend sur votre ordinateur local et soumettre le lien localhost.

Comment cloner le dépôt GitHub de freeCodeCamp

Pour la section Managing Packages with NPM, vous devrez utiliser ce dépôt GitHub.

Sur le dépôt GitHub, cliquez sur le bouton vert Code situé sur le côté droit de la page.

Image

Copiez l'URL ici :

Image

Si vous utilisez un Mac, ouvrez l'application Terminal. Si vous utilisez Windows, ouvrez l'invite de commande.

Dans la ligne de commande, exécutez cd Desktop et appuyez sur enter pour changer de répertoire vers votre bureau.

jessicawilkins@Dedrias-MacBook-Pro-2 ~ % cd Desktop

Vous devriez maintenant être dans le répertoire Desktop et voir ce résultat dans la ligne de commande.

jessicawilkins@Dedrias-MacBook-Pro-2 Desktop %

Ensuite, exécutez git clone [https://github.com/freeCodeCamp/boilerplate-npm.git](https://github.com/freeCodeCamp/boilerplate-npm.git). C'est l'URL que vous avez copiée précédemment depuis GitHub.

jessicawilkins@Dedrias-MacBook-Pro-2 Desktop % git clone https://github.com/freeCodeCamp/boilerplate-npm.git

Vous devriez voir ce résultat dans la ligne de commande pour le clonage réussi du dossier.

Cloning into 'boilerplate-npm'...
remote: Enumerating objects: 46, done.
remote: Total 46 (delta 0), reused 0 (delta 0), pack-reused 46
Unpacking objects: 100% (46/46), done.
jessicawilkins@Dedrias-MacBook-Pro-2 Desktop %

Vous devriez pouvoir voir le nouveau dossier sur votre bureau.

Image

Comment installer node_modules

Dans la ligne de commande, exécutez cd boilerplate-npm pour changer de répertoire vers le dossier que nous venons de cloner depuis GitHub.

jessicawilkins@Dedrias-MacBook-Pro-2 Desktop % cd boilerplate-npm

Ensuite, exécutez npm install pour installer le dossier node_modules. Le dossier node_modules contient toutes les dépendances nécessaires pour exécuter votre projet.

Sans ce dossier, vous ne pourrez pas exécuter aucun des défis. C'est pourquoi nous devons l'installer dans le dossier du projet.

jessicawilkins@Dedrias-MacBook-Pro-2 boilerplate-npm % npm install

Une fois installé, vous devriez voir ce résultat dans la ligne de commande :

added 50 packages, and audited 51 packages in 2s

found 0 vulnerabilities
jessicawilkins@Dedrias-MacBook-Pro-2 boilerplate-npm %

Comment soumettre le lien localhost

Allez dans votre éditeur de code préféré et ouvrez le dossier du projet.

Image

Ensuite, complétez le premier défis qui consiste à ajouter un auteur à votre fichier package.json.

Image

Retournez à la ligne de commande et exécutez npm start qui démarrera le serveur local.

jessicawilkins@Dedrias-MacBook-Pro-2 boilerplate-npm % npm start

Vous devriez voir ce résultat dans la ligne de commande :

> start
> node server.js

Node.js listening on port 3000

Allez dans votre navigateur et ouvrez un nouvel onglet. Tapez http://localhost:3000/.

Vous devriez voir ce résultat dans le navigateur.

Image

C'est le serveur local que vous utiliserez pour tous les défis backend.

Pendant que le serveur est toujours en cours d'exécution, allez au premier défis et soumettez le lien localhost.

Image

Image

Une fois que vous avez terminé les défis, vous pouvez arrêter le serveur en utilisant Ctrl+C dans la ligne de commande.

Ce sont les étapes pour compléter les défis backend de freeCodeCamp en utilisant le localhost.

Pour les autres sections de la certification Back End Development and APIs, vous devrez utiliser le dépôt GitHub correspondant.

Pour la section Basic and Express, vous devez cloner ce dépôt GitHub.

Pour la section MongoDB and Mongoose, vous devez cloner ce dépôt GitHub.