done

development/langage-javascript.md

@@ -8,41 +8,50 @@
 
 ## 🎓 J'ai compris et je peux expliquer
 
-- les `structures` de base du langage ❌ / ✔️
-- les normes `ecmascript` ❌ / ✔️
-- l'utilisation de l'`asynchrone` ❌ / ✔️
-- les spécifités du mot-clef `this` ❌ / ✔️
+- les `structures` de base du langage  ✔️
+- les normes `ecmascript`  ✔️
+- l'utilisation de l'`asynchrone`  ✔️
+- les spécifités du mot-clef `this`  ✔️
 
 ## 💻 Je code en Javascript
 
 ### Un exemple de code commenté ❌ / ✔️
 
 ```javascript
-(e) => mc2;
+  const handleSubmit = event => {
+    event.preventDefault();
+    axios.post('/boudu/admin/restaurateurs', {
+      lastName,
+      firstName,
+      phoneNumber,
+      mail
+    });
+  };
+  //petit handleSubmit avec event en paramètre pour eviter le refresh de la page 
 ```
 
-### Utilisation dans un projet ❌ / ✔️
+### Utilisation dans un projet  ✔️
 
-[lien github](...)
+[lien github](https://github.com/guigzzz31/hackatonEdf)
 
-Description :
+Description : petit hackathon réalisé lors de la wild
 
-### J'ai utilisé ce langage en production ❌ / ✔️
+### J'ai utilisé ce langage en production  ✔️
 
-[lien du projet](...)
+[lien du projet](https://github.com/WildCodeSchool/tlse-0919-js-boudu)
 
-Description :
+Description : projet 3 client à la wild
 
-### J'ai utilisé ce langage en environement professionnel ❌ / ✔️
-
-Description :
+### J'ai utilisé ce langage en environement professionnel  ✔️
 
+Description : React Native pour la création d'un appli en stage, React - Express en alternance 
+
 ## 🌐 J'utilise des ressources
 
 ### Titre
 
-- lien
-- description
+[lien de la doc](https://redux.js.org/)
+- la doc de redux car j'y ai passé beaucoup de temps 
 
 ## 🚧 Je franchis les obstacles
 

development/nodejs.md

@@ -8,43 +8,52 @@
 
 ## 🎓 J'ai compris et je peux expliquer
 
-- Comment développer en utilisant un système de *livereloading* (`nodemon` par exemple) ❌ / ✔️
-- La connexion de mon application à une base de données avec et sans ORM/ODM (avec `mongodb` puis `mongoose` par exemple) ❌ / ✔️
-- Le développement d'une API REST et GraphQL (avec les packages `express` et `graphql` par exemple) ❌ / ✔️
+- Comment développer en utilisant un système de *livereloading* (`nodemon` par exemple) ✔️
+- La connexion de mon application à une base de données avec et sans ORM/ODM (avec `mongodb` puis `mongoose` par exemple) ✔️
+- Le développement d'une API REST et GraphQL (avec les packages `express` et `graphql` par exemple)  ✔️
 - *Bonus : la manipulation des fichiers système avec `fs` et l'utilisation des streams en NodeJS* ❌ / ✔️
 
 ## 💻 J'utilise
 
-### Un exemple personnel commenté ❌ / ✔️
+### Un exemple personnel commenté  ✔️
 
 ```javascript
-// this function takes a path to a .md file of the host system and write the HTML version of this file
-// the .html file is given back
-const convertMDFileToHTML = (pathToMDfile) => /* ... path to HTML file */
+// get restaurant by id
+router.get('/:id', (req, res) => {
+  const { id } = req.params;
+  const query = 'SELECT * FROM Restaurant WHERE id= ?';
+  connection.query(query, id, (err, results) => {
+    if (err) {
+      res.status(500).send('Erreur lors de la récupération des informations sur les restaurants');
+    } else {
+      res.json(results);
+    }
+  });
+});
 ```
 
-### Utilisation dans un projet ❌ / ✔️
+### Utilisation dans un projet  ✔️
 
-[lien github](...)
+[lien github](https://github.com/WildCodeSchool/tlse-0919-js-boudu)
 
 Description :
 
-### Utilisation en production si applicable❌ / ✔️
+### Utilisation en production si applicable ✔️
 
 [lien du projet](...)
 
-Description :
+Description : au sein de ma boite mais pas d'exemple sous la main
 
-### Utilisation en environement professionnel ❌ / ✔️
+### Utilisation en environement professionnel ✔️
 
-Description :
+Description : architecture en package
 
 ## 🌐 J'utilise des ressources
 
 ### Titre
 
-- lien
-- description
+- [la doc](http://expressjs.com/fr/4x/api.html#res)
+- la base
 
 ## 🚧 Je franchis les obstacles
 

development/react.md

@@ -8,39 +8,66 @@
 
 ## 🎓 J'ai compris et je peux expliquer
 
-- l'état (_state_) pour contrôler l'affichage d'un composant ❌ / ✔️
-- les composants enfants et les _props_ qu'on leur passe ❌ / ✔️
-- le déclenchement d'instructions en fonction des actions de l'utilisateur ❌ / ✔️
-- le déclenchement d'instructions en fonction de l'étape du cycle de vie du composant ou du changement de valeur de ses props ❌ / ✔️
+- l'état (_state_) pour contrôler l'affichage d'un composant ✔️
+- les composants enfants et les _props_ qu'on leur passe ✔️
+- le déclenchement d'instructions en fonction des actions de l'utilisateur ✔️
+- le déclenchement d'instructions en fonction de l'étape du cycle de vie du composant ou du changement de valeur de ses props ✔️
 - l'usage d'un reducer (_useReducer_) pour gérer un état composé dans un composant
-- l'état stocké dans un composant avec un _context provider_ et accessible dans ses descendants via `useContext` ❌ / ✔️
+- l'état stocké dans un composant avec un _context provider_ et accessible dans ses descendants via `useContext` ❌
 
 ## 💻 J'utilise
 
 ### Un exemple personnel commenté ❌ / ✔️
+```
+  const [filtersQueryStr, setFiltersQueryStr] = useState('');
+  useEffect(() => {
+    const restaurantFilters = {
+      moments: q1,
+      specialties: q2,
+      ambiances: q3,
+      date: q4,
+      districts: q5,
+      dietSpecificities: q6,
+      budget: q7,
+      accesses: q8
+    };
+
+    if (q4) {
+      const date = new Date(q4);
+      restaurantFilters.date = date.getDay();
+    }
+
+    const updateQuery = async filters => {
+      await setFiltersQueryStr(formatQueryStr(filters));
+    };
+    updateQuery(restaurantFilters);
+  }, [q1, q2, q3, q4, q5, q6, q7, q8]);
+
+  //un petit hook pour gérer les reponses du quizz qui sont sur des pages différentes
+```
 
 ### Utilisation dans un projet ❌ / ✔️
 
 [lien github](...)
 
 Description :
 
-### Utilisation en production si applicable❌ / ✔️
+### Utilisation en production si applicable ✔️
 
-[lien du projet](...)
+[lien du projet](https://github.com/WildCodeSchool/tlse-0919-js-boudu)
 
-Description :
+Description : 
 
-### Utilisation en environement professionnel ❌ / ✔️
+### Utilisation en environement professionnel  ✔️
 
 Description :
 
 ## 🌐 J'utilise des ressources
 
 ### Titre
 
-- lien
-- description
+- [la doc](https://reactjs.org/)
+- la base
 
 ## 🚧 Je franchis les obstacles