Archives Wild Code School
React - L'Odyssey d'Homer

000 - Préparation au voyage

Quête 1 sur 11

L'Odyssey d'Homer est une expédition de type fil rouge. Elle correspond à une succession de quêtes dépendantes.

L'expédition va permettre à partir de zéro, la construction d'une application web/mobile fonctionnelle se basant sur les technologies React, Node, Sql/NoSQL principalement.

  • Guide de l'aventurier

Afin de devenir le Marco Polo de la Wild Code School tu devras lors de ton expédition :

  • suivre l'ordre des quêtes, la quête n utilisant le code de la quête n-1
  • à partir de repository Github fourni, utiliser ta propre branche au format : nom_prenom
  • tagguer le dernier commit clôturant ta quête par suivant le format : nom_prenom_quete000 /nom_prenom_quete010 où 000/010 correspondent aux numéros de la quête terminée

  • Quêtes prévues

  • Création d’un composant Input ReactJS à l’aide de create-react-app
  • Création d’une page avec formulaire d’inscription
  • Création d’un backend nodejs récupérant les données du formulaire
  • Création d’une base de données stockant les données du formulaire
  • Création d’une page react d’authentification
  • Création d’un router react passant de sign up <-> sign in
  • Gérer l’authentification avec JWT
  • Création de la page Profile et s’y rendre une fois authentifié
  • Rendre le site sécurisé en le cryptant avec Let’s Encrypt

Objectifs

  • Tu dois préparer ton environnement de développement.

Créer ta branche Github

Après avoir demandé le repository à son formateur préféré, tu devras créer ta branche en suivant le format : nom_prenom.

↗
documentation git
git-scm.com

Réaliser ton premier commit

Sur ton répertoire Git tu va créer un dossier front/. Le dossier front contiendra tout ce qui concerne React. Il est important de séparer à la racine du répertoire les différentes parties de votre application (front, back, etc) car leurs développements se font de manière indépendante. Nous verrons comment intégrer le front avec le back lors de l'Odyssey. Une fois le dossier créé, fais un commit. Indice: Git ne permet pas de commiter des répertoires vides de fichiers, pour outrepasser cela, ajoute un fichier .gitignore à l'intérieur du dossier front/.

↗
Enregistrer des modifications dans le dépôt
git-scm.com

Tagguer et pusher ton commit

Afin de valider la quête 000, il est important de :

  1. pousser sa branche vers la remote,

  2. bien tagguer le commit qui clôt ton incrément de quête en cours,

  3. pousser ce tag vers la remote.

Attention au format, pour la quête 000, bien préfixer le tag avec le nom de sa branche : nom_prenom_quete000.

↗
Tagging
git-scm.com
↗
Push tag
stackoverflow.com

Challenge

Bien démarrer

  • Ne pas avoir à ramener les chocos aux formateurs

Bien démarrer est important dans un projet. Cela peut éviter des manipulations chronophages par la suite.

Critères de validation

  • Avoir un répertoire avec un seul dossier front à l'intérieur
  • Avoir le répertoire présent sur Github sur sa branche nommée au bon format
  • Avoir un tag nom_prenom_quete000