Installez Node

Après avoir téléchargé la version LTS de Node.js (Long Term Support), on crée un dossier de travail à la racine de notre disque dur (projet_full_stack). Voir les détails de l'installation

C:\Users\yo> cd C:/projet_full_stack

Installez Angular

Installer ensuite le framework Javascript dans sa version Angular CLI (Command Line Interface) qui vous permet de générer, compiler, tester et déployer des projets Angular

C:\projet_full_stack> npm install -g @angular/cli

Clonez l'application front-end

Pour cloner le code pour l'application front-end, crée d'abord un sous-répertoire appelé frontend. À partir de votre répertoire de travail (projet_full_stack), entrez la commande ci-dessous :

C:\projet_full_stack> git clone https://github.com/OpenClassrooms-Student-Center/go-fullstack-fr-frontend.git frontend

C:\projet_full_stack> cd frontend
C:\projet_full_stack\frontend> npm install
C:\projet_full_stack\frontend> ng serve

Serveur local

Désormais, si vous accédez à http://localhost:4200, vous devriez voir l'interface du projet (en supposant que vous avez bien suivi les étapes)

Page d'accueil de l'application front-end

La dernière étape consiste à créer un second sous-répertoire dans votre répertoire de travail, appelé backend. C'est là que vous créerez l'application Express.

Le fichier de projet package.json

À partir de votre dossier backend, exécutez la commande de terminal npm init pour initialiser votre projet. Cela génère le fichier package.json. Vous pouvez utiliser les options par défaut ou les modifier si vous le souhaitez. Cependant, votre point d'entrée (main) doit être server.js. Le fichier package.json devra donc contenir la ligne : "main": "server.js".

C:\projet_full_stack\frontend> cd ..
C:\projet_full_stack> cd backend
C:\projet_full_stack\backend> npm init