Logs Web

Objectif

L’objectif de ce projet est l’enregistrement de certaines actions des utilisateurs lors de la navigation web.
Les enregistrements doivent pouvoir être visionnés et téléchargés au format CSV.
La solution proposée est le développement d’une Web Extension pour navigateur permettant l’enregistrement des diverses actions de l’utilisateur, d’une API pour enregistrer et servir les données et d’une application web pour la gestion de compte utilisateur, l’affichage et le téléchargement des données.

Développement

Web Extension

web extension firefox

Développement et déploiement d’une extension web (HTML, CSS, JavaScript) permettant d’enregistrer :

  • L’ouverture / fermeture d’onglets

  • Le chargement des pages web

  • Les clics / tap

  • Les entrées clavier (sauf mots de passe et e-mail)

  • La lecture / pause de vidéos

  • L’affichage d’images

L’extension dispose d’un formulaire de login utilisateur sur sa page option.

API

L’API est développée avec le framework Express.js et la base de donnée Mongo DB. Elle permet d’enregistrer et servir les données.

Application Web

L’application web est développée avec le framework Angular 6 et la bibliothèque de composants Angular Material.

Elle dispose de plusieurs fonctionnalités :

  • Création et suppression de compte

  • Enregistrements des actions web provenant de l’extension web

  • Affichage des données

  • Téléchargement des données au format CSV