Recat Students Class

Projet Student Class pour afficher une classe d'élève via une base de données. Possibilité d'jouter / supprimer / éditer un élève.

Récupération du projet

Installez Node.js sur votre machine.

• Via le site Node.js.
• Via un gestionnaire de paquet:
  • Linux (Ubuntu) : sudo apt-get install nodejs npm
  • MacOS : brew install node

Le test est à récupérer via la commande suivante:

https://github.com/vreymond/react-studentsClass.git

Lncement

L'exercice 2 contient la partie React du test. Déplacez-vous dans le dossier suivant:

cd ~/react-studentsClass

Installez les dépendances du projet:

npm install

Une fois l'installation terminée, exécutez la commande suivante pour lancer l'application:

npm start

Rendez-vous dans votre navigateur à l'adresse suivante:

http://localhost:3000/

Vous avez maintenant accès au composant de classe numérique. Si l'accès aux données des 5 élèves initiaux est impossible, un message d'erreur sera affiché, sinon un loader apparaitra le temps de la requête à la base de données. Une fois les élèves chargés, deux boutons s'afficheront ("Display Students" et "Add Student"). En cliquant sur "Display Students" vous affichez sur le page l'ensemble des élèves de la classe, pour éditer chaque carte d'élève ou encore les supprimer. Un second bouton "Add Student" vous permet d'ajouter un nouvel élève à la classe.

Contributors

Valentin Reymond

React Students Class

github.com/vreymond

License

This project is licensed under the MIT License - see the LICENSE file for details