NOUS VOUS PRIONS DE BIEN PRENDRE CONNAISSANCE DE CE CONTENU AVANT TOUTE MANIPULATION DU PROJET

Table des matières

1. A Propos du projet
   • Technologies & Librairies
2. Démarrer
   • Prerequis
   • Installation
3. Test Unitaire
4. Lien du module online

A Propos du projet

Ce projet est un est module codé en Javascript qui permet l'affichage des données d'un fichier JSON dans un tableau et y ajoutant les fonctionnalité de filtre en fonction de la couleur de l'oeil et de la tranche d'âge à travers les query params.

Technologies & Librairies

Cette section vous liste toutes les technologies et librairies utilisées dans ce projet.

• [![Javascript][vanilla.js]][vanilla-url]
• [![Webpack][webpack]][webpack-url]
• [![Babel][babel]][babel-url]
• [![Mocha][mocha.js]][mocha-url]
• [![Chai][chai.js]][chai-url]
• [![HTML5][html]][html-url]
• [![CSS3][css]][css-url]

Démarrer

Pour démarrer le projet, veuillez cloner ce dernier et suivre les instructions ci-dessous.

Prerequis

• Installation des dépendances

  npm install i

• Lancer le build afin de générer le fichier bundle.js et s'assuer qu'il est bien à jour

  npm run build
  

• Ensuite, Placez vous dans le repertoire 'dist' et lancez le serveur

  cd dist

  http-server -c-1

  NB: Assurez vous d'avoir installer le module http-server en locale de manière globale : npm install -g http-server

  Le serveur démarre et vous pouvez vous rendre sur le lien : http://127.0.0.1:8080/index.html Exemple d'usage du filtre : http://localhost:8080/?age=20-50&eyeColor=blue

Lancer les test unitaires

Pour lancer les test unitaire vous pouvez utlisez la commande ci-dessous.

1. Lancer le test unitaire

   npm run test

Lien du module online

Vous pouvez accéder au projet en ligne ici LIEN Exemple usage paramètre de filtre : https://table-module.000webhostapp.com/?eyeColor=brown&age=20-25

(back to top)