[fr below/en dessous]

[HE2B - ISIB courses] Network application development

Objectives

The aim of the course is to create, in 48 hours, a CRUD/REST application using a Mongo database, an APL or an RSS tux, templates (EJS) and Bootstrap (snipets). The steps to follow (in the recommended order):

• Choosing your subject (API/RSS) and querying it with Node
• Create a database with MongoDB
• Read data from the API/RSS to populate the Mongo database
• Understanding CRUD and REST terminology
• Create a Web server that sends the list of items stored in the database (Read from CRUD)
• Create a link on each element to return its details (Read from CRUD)
• Do the same thing again using Templates (EJS)
• Create a page to add an item (C from CRUD)
• Create a link to delete an item (D from CRUD)
• Use at least one Bootstrap 'Snipet' in your 'Front'.
• Refactor the code (in modules)

Additions

• Multilingual option: EN by default, can be changed to FR (change in the URL, for example: http://localhost:3000/fr/vehicle_positions)
• 2 different APIs: Vehicle positions & Waiting time
• Administrator dashboard blocked by password User : AntoDB Password : Hello

Dashboard illustration images

Login page

Waiting time data page

[Cours HE2B - ISIB] Développement d'application réseau

Objectifs

Le but des cours est de réaliser, en 48 heures, une application CRUD/REST utilisant une base de données Mongo, une APL ou un tux RSS, des templates (EJS) et Bootstrap (snipets). Les étapes a suivre (dans l’ordre conseillé) :

• Choisir son sujet (API/RSS) et l'interroger avec Node
• Créer une base de données avec MongoDB
• Lire les données de l'API/RSS pour alimenter la base de données Mongo
• Comprendre la terminologie CRUD et REST
• Créer un serveur Web qui envoie la liste des éléments stockés dans la base de données (Read de CRUD)
• Créer un lien sur chaque élément pour renvoyer ses détails (Read de CRUD)
• Refaire la méme chose en utilisant les Templates (EJS)
• Créer une page qui permet d'ajouler un item (C de CRUD)
• Réaliser un lien d'effacement d’un élément (D de CRUD)
• Utiliser au moins un « Snipet » Bootstrap dans votre « Front »
• « Refactorer » le code (en modules)

Ajouts

• Option multilingue : EN par défaut, peut changer en FR (changer dans l'URL, par exemple : http://localhost:3000/fr/vehicle_positions)
• 2 APIs différentes : Positions de véhicules & Temps d'attente
• Tableau de bord administrateur bloqué par un mot de passe Utilisateur : AntoDB Mot de passe : Hello

Images d'illustrations du tableau de bord

Page de connexion

Page de données de temps d'attente