COS Strasbourg

Projet client en équipe : j’ai développé les annotations de documents, les notifications email et le design de l’interface.

  • Next.js
  • Prisma
  • Docker
  • Tailwind CSS
COS Strasbourg

Besoin

Permettre aux étudiants de déposer leurs documents et aux encadrants de les annoter et de suivre leur progression.

Mon rôle

Développement en équipe pour COS Strasbourg : annotations dans le navigateur, notifications email et interface conforme à la charte du client.

Résultat

Des documents annotables dans le navigateur et des notifications liées aux étapes du suivi : dépôt, validation et annotation.

Difficulté résolue

Rendre les mémoires DOCX annotables sans plugin externe : conversion en HTML avec Mammoth et ajout d’un menu de surlignage et d’annotation.

Détails techniques

Projet en équipe pour un client réel (COS Strasbourg). J'ai pris en charge trois axes :

  • Annotation de documents dans le navigateur : conversion DOCX→HTML (Mammoth) + menu contextuel de surlignage/annotation des mémoires, sans plugin externe.
  • Notifications email automatiques (API Brevo) déclenchées à chaque action clé du workflow (dépôt, validation, annotation).
  • Design de l'interface : respect strict de la charte client, cohérence visuelle et responsive.

Aperçu du projet

Système d'annotations
Système d'annotationsInterface annotations côté Encadrant
Création d'utilisateur
Création d'utilisateurInterface de création des utilisateurs
Dépôt des documents
Dépôt des documentsInterface de dépôt des documents côté Etudiant
Profil Etudiant
Profil EtudiantEspace des données personnelles des étudiants
Me contacter