Egapay est une start-up que j'ai co-fondée, spécialisée dans l'accompagnement des
entreprises en matière d'obligations sociales et de Responsabilité Sociale des Entreprises
(RSE). Notre objectif est de faciliter la conformité légale et d'améliorer les pratiques
éthiques au sein des organisations. Notre gamme d'outils inclut une solution pour simplifier
la déclaration de l'index d'égalité salariale pour les entreprises françaises, ainsi qu'un outil
d'égalité salariale qui permet une analyse détaillée des écarts de rémunération entre les
employés.
➢ Conception globale de la plateforme incluant la création d'un design system complet et
l'optimisation de l'expérience utilisateur.
➢ Mise en œuvre de pages analytiques pour générer des rapports et des visualisations,
aidant les entreprises à comprendre leur performance en matière de RSE.
➢ Conception d'un outil de visualisation pour l'Index de l'Égalité Professionnelle entre les
femmes et les hommes (EGAPRO).
➢ Développement d'un outil de remédiation d’écart salarial, intégrant des graphiques et des
tables imbriquées dynamiques via Mat-Table.
➢ Intégration de Class Validators pour la validation des données entrantes côté serveur,
garantissant ainsi l'intégrité et la conformité des données.
➢ Développement de graphiques entièrement personnalisés avec ECharts.
➢ Implémentation de l'authentification OAuth Google.
➢ Implémentation de Guards pour la protection et la sécurisation des routes.
➢ Gestion des traductions en utilisant ngx-translate pour l'internationalisation (i18n).
Plateforme web conçue pour permettre à des créateurs de contenu, musiciens et artistes
de divers domaines de consolider leur communauté. L’objectif était de développer une
solution SaaS composable, optimisée pour la monétisation de fonctionnalités spécifiques
auprès d'acteurs du marché cible.
◆ Front (Angular) :
➢ Conception globale de la plateforme incluant la création d'un design system complet et
l'optimisation de l'expérience utilisateur, avec une attention particulière à l'UX mobile pour
émuler le comportement des applications natives.
➢ Implémentation d'un mode sombre avec transitions fluides pour améliorer l'expérience
utilisateur.
➢ Implémentation de l'authentification OAuth avec prise en charge de multiples
fournisseurs, notamment Google, Discord et Twitter.
➢ Gestion des traductions en utilisant ngx-translate pour l'internationalisation (i18n).
➢ Implémentation de notifications en temps réel utilisant WebSockets pour une interaction
utilisateur instantanée.
➢ Conception et mise en œuvre d'un chat responsive avec transfert de médias en temps
réel via WebSockets.
➢ Implémentation d'une galerie d'images avec Lazy Loading et effet Lightbox en utilisant
PhotoSwipe.
➢ Développement d'un éditeur de posts multi-médias avec des fonctionnalités d'édition de
média (recadrage, ratio…) et intégration de cdkDrag pour la manipulation interactive des
éléments.
➢ Développement d'une page de statistiques de revenus en utilisant ECharts pour la
visualisation de données.
➢ Conception d'une interface de paiements en cryptomonnaies et génération de QR codes
avec angularx-qrcode.
➢ Intégration de tooltips à l'aide de NgxPopper.
➢ Implémentation de Guards pour la protection et la sécurisation des routes.
➢ Configuration de routage dynamique en utilisant un gestionnaire de routes personnalisé
(route handler) pour une flexibilité accrue sur la gestion des modules.
➢ Intégration et gestion de store NgRx pour le state management.
◆ Back (Node.js) :
➢ Développement d'APIs avec gestion de base de données via requêtes SQL et TypeORM.
➢ Création d'un algorithme pour la compression et le traitement d'images, incluant des
versions compressées, floutées et recadrées avec Jimp.
➢ Manipulation de vidéos avec FFmpeg pour compression, recadrage, conversion de codec
et génération de miniatures.
➢ Développement d'APIs et de WebSockets pour la gestion de notifications en temps réel.
➢ Développement d'APIs et de WebSockets pour un chat en temps réel, incluant des
mesures de sécurisation pour l'accès à des médias payants.
➢ Gestion des modèles de données et configuration des relations entre tables en base de
données.
➢ Gestion et exécution de migrations de bases de données avec TypeORM.
➢ Mise en place d'un système de paiements en cryptomonnaies en utilisant Bitgo, avec
intégration de Webhooks.
Développement et conception d'interfaces pour plusieurs plateformes du groupe M6,
notamment le site ******** (1,5M de visites par jour), ainsi que M6.pro, M6 Pub, et ********.
Également impliqué dans la création d'outils internes destinés à améliorer la productivité et
les processus opérationnels au sein du groupe.
REVO
Web app pour les collaborateurs internes : cette application multi-outils a été créée pour
faciliter la collaboration entre les employés de M6 (planning, rédaction d'articles, grille des
programmes, monitoring de production média…)
➢ Conception et développement avec Java et GWT.
➢ Création de composants réutilisables et personnalisables.
➢ Mise en œuvre de l'interface utilisateur responsive pour les différents dispositifs
(ordinateurs, tablettes, smartphones).
➢ Intégration d'APIs pour récupérer et afficher les données en temps réel.
➢ Amélioration de l'ergonomie et l'esthétique de l'application.
Application de cartographie des antennes radio du groupe M6 sur le territoire français :
cette application a été conçue pour répertorier toutes les antennes, visualiser leurs
positions et détails techniques (adresses, fréquences, etc.) sur une carte Google Maps.
➢ Conception et développement de l'interface utilisateur avec intégration de la carte
Google Maps via l'API Maps JavaScript.
➢ Implémentation de marqueurs personnalisés pour représenter les antennes radio sur la
carte.
➢ Développement d'un panneau d'informations pour afficher les détails techniques des
antennes sélectionnées.
➢ Mise en œuvre de filtres pour permettre aux utilisateurs de rechercher et d'afficher les
antennes selon des critères spécifiques (fréquence, région, etc.).
➢ Création d'une interface utilisateur responsive pour une utilisation optimale sur différents
dispositifs (ordinateurs, tablettes, smartphones).
Application Web de type CMS WYSIWYG pour la création et la configuration des mises en
page pour ********, ******** et leurs applications mobiles respectives.
➢ Conception et développement de l'interface utilisateur du CMS avec des composants
personnalisables et modulables.
➢ Implémentation d'un éditeur de texte riche pour faciliter la création et la modification de
contenu.
➢ Développement d'une fonctionnalité de glisser-déposer pour organiser les éléments de la
mise en page.
➢ Création d'un aperçu en temps réel pour visualiser les modifications apportées à la mise
en page.
➢ Mise en œuvre de l'interface utilisateur responsive pour les différents dispositifs
(ordinateurs, tablettes, smartphones).
➢ Collaboration avec l'équipe UX/UI pour améliorer l'ergonomie et l'esthétique de
l'application.
Application Web permettant de visualiser et d'éditer la grille des programmes. Cette grille
offre aux utilisateurs la possibilité de voir leur emploi du temps et de le modifier en fonction
de leurs droits d'accès.
➢ Développement d'une grille de planning complexe avec CSS Grid.
➢ Implémentation de fonctionnalités permettant d'ajouter une nouvelle émission à la grille,
en y associant des détails comme les présentateurs, le créneau horaire, et autres
métadonnées pertinentes.
➢ Utilisation de techniques de scroll binding pour optimiser l'interface utilisateur sur mobile,
rendant la grille facilement accessible et utilisable sur différents types de dispositifs
(ordinateurs, tablettes, smartphones).
➢ Collaboration avec les équipes de back-end pour l'intégration des APIs, permettant une
mise à jour en temps réel des données de la grille.
Outil de monitoring conçu et développé pour suivre l'état d'avancement des productions
vidéo gérées par l'outil d'automatisation NETIA, utilisé par M6 pour le découpage de vidéos
en cutscenes.
➢ Conception et développement de l'interface utilisateur pour fournir un suivi visuel et
intuitif de l'état d'avancement des productions vidéo.
➢ Mise en œuvre de tableaux de bord et de graphiques interactifs pour une meilleure
visibilité et compréhension de l'état des projets en cours.
➢ Implémentation d'un système de filtre permettant aux utilisateurs de trier et de visualiser
les tâches en fonction de leurs différents états (en cours, terminé, en erreur, etc.).
➢ Collaboration avec les équipes de production pour valider les besoins, résoudre les
problèmes et déployer l'outil.
Site web développé pour présenter les différents programmes produits par Banija...