Formr

<p>Conception et développement de l'interface permettant aux mentors de créer leurs formations sur la plateforme d'apprentissage FormR. Réalisation d'un formulaire complet avec système d'upload d'images et gestion des statuts (brouillon/publié), contribuant à l'expérience de création de contenu pour les 50+ experts de la communauté.</p>

Développement front-end - Interface de création de formations chez FormR

Frontend Development

Domain Driven Design

Software Craftsmanship

Oney

<h1>Context de la mission</h1><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cliob2jwr0ce564iubg7q0i4k.png"><div class="image-overlay"></div></div></div></div><p></p><p>Oney+ est une banque en ligne dont l'objectif est de faciliter le financement en plusieurs fois des achats effectués par ses clients. GettingApp est arrivé sur la mission en early stage, le projet était déjà entamé depuis quelques mois mais la mise en production n'avait pas encore eu lieu...</p><p></p><h1>Challenge clès</h1><p></p><ul><li><p>Refactoriser la codebase legacy en vanilla js entamé par les équipes et amorcer une refonte en Typescript.</p></li><li><p>Construire une codebase commune partagé par tout les développeurs via un monorepo.</p></li><li><p>Partage des valeurs du software craftsmanship au sein des équipes.</p></li><li><p>Mise en place des reviews de code et des cycles de livraisons continues.</p></li><li><p>Mise en place de la logistique technique afin de favoriser une méthodologie de développement commune entre toutes les équipes.</p></li><li><p>Découper les différentes expertises métier dans le monde bancaire en différents bounded context.</p></li><li><p>Former et faire monter en compétences les développeurs à la mise en place de tests automatisé (unit, integration et end to end).</p></li><li><p>Mise en place des bonnes pratiques de conception logicielle au sein des équipes (Clean Architecture, TDD, DDD).</p></li><li><p>Mise en place des pratiques de Reactive Programming.</p></li></ul><p></p><h1>Technologies</h1><p></p><ul><li><p>React Native</p></li><li><p>Node.JS</p></li><li><p>Nx monorepo</p></li><li><p>Typescript</p></li><li><p>Mongodb</p></li><li><p>Jest</p></li><li><p>Développement de librairies autour du DDD</p></li><li><p>Développement de SUT (System Under Test)</p></li><li><p>Instabug</p></li><li><p>Azure Service Bus</p></li></ul><p></p><p></p><h1>Approche et solution</h1><p></p><p>Arrivé sur le projet, l'un des plus gros challenge a été de faire accepter au développeur que pour devenir plus productif en équipe, il fallait adopter une nouvelle façon de travailler. Afin de faire emerger cette vision, nous avons adopté une approche constructive visant à utiliser un "ubiquitous language" au sein des meetings. Cela a été fait dans le but de commencer à former petit à petit les équipes (PO comme dev) à l'approche DDD. En effet, le fait d'utiliser le "Domain Specific Language" au sein des échanges s'est retrouvé petit à petit intégré dans la codebase.<br>Lorsque nous sommes arrivé, la hype voulait que le backend soit construit en micro-service alors que le projet venait tout juste de démarrer. Afin de ne pas avoir une approche trop invasive en terme de conception et afin de ne pas géner les développements en place, nous avons conservé ce paradigme mais nous avons tout de même mis en place une codebase monolithique afin que chaque développeur puisse avoir un visuel sur ce que produit les autres équipes. En effet, il fallait être assez efficace pour pouvoir moduler les équipes et inter-changé les développeurs entre chaque produit issue du monde bancaire.</p><p></p><p>Nous avons également mis en place différents environnement dédié afin que chaque pôle de compétence puisse travailler dans les meilleurs conditions. La "dev" était dédié au développeur qui réalisait des premiers tests sur les fonctionnalités développées par les équipes backend, l'environnement de "preprod" était dédié aux équipes QA, qui réalisait différents scénario de test afin de valider les comportements de l'application mobile et du backend et la "prod" était dédié aux utilisateurs.</p><p></p><p>Nous avons dû également faire face aux problématiques lié à un partenaire avec qui l'on travaillait et dont l'on dépendait pour pouvoir ouvrir un compte bancaire, réaliser des virements, commander des cartes bancaires etc ... Ce partenaire était souvent en panne et pour pouvoir réagir à cela, nous avons mis en place une stratégie de monitoring basé sur des healthcheck et des alertes notifiées sur slack. Cela nous a permis d'avoir une vigilance accrue sur l'état des services et de pouvoir réaliser les actions nécessaire à la remise en service des systèmes.<br><br>L'authentification devant respecter un certain cadre réglementaire lié aux contraintes DSP2 a été également un réel challenge. Nous avons mis en place une stratégie d'authentification à plusieurs niveaux dépendant des informations fournies par l'utilisateur durant l'onboarding. Ainsi, nous avons réalisé une authentification via otp envoyé par email ou sms, et un mode d'authentification asymétrique par le biais d'un échange de clef entre le front et le backend.<br>Ce dernier système a permis la sauvegarde d'une information sensible tel le code pin de l'utilisateur sur son propre téléphone. Ce dernier devait simplement signer un challenge envoyé par le backend, qui verifiait l'authenticité de la signature envoyé grâce à la clef publique qui était sauvegardé en base de donnée.</p><p></p><p>Sur la partie front-end, nous avons utilisé le framework React Native en Typescript et avons également mis en place une petite équipe front-end qui devait s'occuper d'intégrer les vues réalisées par les équipes UX. Nous avons également participé à l'élaboration de l'architecture front-end en mettant au centre de l'application la clean architecture et d'autres pattern tel le reactive programming grâce à l'utilisation des observables.</p><p></p><p>Côté devops, nous avons facilité le travail des équipes déjà en place par la mise en place de build et test automatisés. Nous avons également mis en place un keyvault afin de protéger les secrets et avoir une gestion saine des variables d'environnements.</p><p></p><p></p><h1>Bénéfices</h1><p></p><p>En conclusion, la mission Oney+ s'est soldé par une réussite du projet. Nous avons eu d'excellent résultat lors d'un audit réalisé par la société Zenika. L'outil Sonar, responsable de detecté les failles de sécurité du projet n'a révélé que très peu de failles. Chaque développeur du projet est sorti vraiment enrichi de cette expérience et ont énormément apprécié monté en compétence sur le software craftsmanship et les bonnes pratiques.</p><p></p><p></p>

Oney+ est une banque en ligne dont l'objectif est de faciliter le financement en plusieurs fois des achats effectués par ses clients. GettingApp est arrivé sur la mission en early stage, le projet était déjà entamé depuis quelques mois mais la mise en production n'avait pas encore eu lieu...

React

Node

Typescript

I’ve work for more than two years with Mazen on a demanding, challenging and quite stressful project, which consisted in creating a neobank, and he really was a key member of this latter.

Not only is he a excellent full stack developer and team leader, but also he is a great teammate, always bringing a good mood to work, which is truely precious to a tough project like ours. 
As a project manager, it has been a huge pleasure to have someone with Mazen’s mindset and passion for his work in my team. A passion he’s moreover able to share with others, as I’ve seen him training and helping junior developers or team newbies throughout his time in the team.

Everyone would be keen to have him in its work environment, and it will a pleasure for me to work with him again.

I of course recommend Mazen for all kind of project.

Oney+

Elo audio

<h1>Context de la mission</h1><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clhkiwx0f0tnq62h5hyfibfic.png"><div class="image-overlay"></div></div></div></div><p></p><p>Elo Audio est une plateforme de text-to-speech conçu pour optimiser votre productivité. Grâce a cette plateforme, vous pouvez transformer n'importe quel contenu en contenu audio lu par une voix se rapprochant le plus d'une voix naturelle.</p><p></p><h1>Challenge clès</h1><p></p><ul><li><p>Mise en place des équipes mobiles, backend et devops</p></li><li><p>Réalisation d'un moteur de transformation de texte en SSML</p></li><li><p>Intégration dynamique de plusieurs formats de documents</p></li><li><p>Mise en place de redondances des serveurs et load balancer pour absorber des grosses charges</p></li><li><p>Optimisation des temps de chargements de conversion de documents</p></li><li><p>Segmentation par chapitre des contenus textuels.</p></li><li><p>Supporter plusieurs langues tel que le français, l'espagnol et l'anglais.</p></li></ul><p></p><h1>Technologies</h1><p></p><ul><li><p>Node.JS</p></li><li><p>Nest.JS</p></li><li><p>Android Kotlin</p></li><li><p>IOS Swift</p></li><li><p>Traefik</p></li><li><p>Docker</p></li><li><p>React.JS</p></li><li><p>Python</p></li></ul><p></p><p></p><h1>Approche et solution</h1><p></p><p>Elo Audio est une plateforme incubé au village puis à TechStar aux Etats-Unis. GettingApp a accompagné la plateforme depuis sa création jusqu'à sa mise en production.<br>Dès notre arrivé sur le projet, nous avons constitué une équipe minimale composé d'un developpeur Backend, Android et IOS.<br>Nous avons conçu une plateforme visant à augmenter la productivité des utilisateur en leur permettant de transformer leur contenus textuels tel un article sur un site web, un document de n'importe quel type ou même un email en contenu audio.</p><p></p><p>L'un des plus gros challenge a été l'optimisation en temps réel des contenus écrit en contenu audio. Pour absorber et être le plus rapide possible, nous avons segmenter en différentes parties les contenus textuels transmis par les utilisateurs. Ainsi, au lieu de convertir un bloc entier de texte, nous l'avons fait par "chunk". Cela a permis de profondément améliorer l'experience utilisateur.<br><br>Nous avons également réalisé un système de playlist avec sauvegarde automatique des temps d'arrêts au niveau des lectures audios.</p><p></p><p>Concernant le rapprochement des voix transmise par Google, Microsoft ou bien encore d'autres partenaires, nous avons mis en place un moteur de transformation texte en SSML. Ce langage permet de donner des temps d'arrêt, des prononciations particulières etc ...<br><br>Pour la partie document, nous avons développé un script en python connecté à Google Docs. Ce dernier a la particularité de supporter énormément d'extensions et d'exporter sous format texte les documents transmis.</p><p></p><p>Les temps de chargement, pouvant être relativement long, nous avons mis en place un système de messagerie interne côté backend avec envoi de notification push à chaque étape de la transformation. Cela a permis d'améliorer l'expérience utilisateurs et de données un aperçu de progression pour la transformation de leur contenu en audio.</p><p></p><p>Nous avons également dû faire face à un afflux massif de chargement de document et donc de requêtes vers nos serveurs. Pour cela, nous avons mis en place une redondance des serveurs et un load balancer pour pouvoir dispatcher les requêtes des utilisateurs.</p><p></p><h1>Bénéfices</h1><p></p><p>Au delà de la plateforme, GettingApp a su apporter une expertise aussi bien technique que métier pour le projet. La mise en place d'une équipe rapidement a permis de sortir rapidement et dans les délais la v1 de l'application mobile. Nous avons ensuite effectuer toutes les mises à jours nécessaires et les ajouts de fonctionnalités au fur et à mesure. Nous avons également bénéficier d'une expertise sur les sujets touchant à l'audio d'un point de vue intégration et développement.</p>

EloAudio est une plateforme de text-to-speech conçu pour optimiser votre productivité. Grâce a cette plateforme, vous pouvez transformer n'importe quel contenu en contenu audio lu par une voix se rapprochant le plus d'une voix naturelle.

Kotlin

Swift

Une efficacité rare dans le monde du dev, et surtout une excellente capacité chez Mazen à expliquer les sujets en les rendant simples à comprendre pour ceux qui n'y comprennent rien ! Super boulot : appli mobile développée d'une main de maître, code documenté, solide, lisible à d'autres, et une super polyvalence back/front qui font de Mazen un CTO rare. Je rebosse avec toi quand tu veux ;)

Elo Audio

dayadaya

<h1>Context de la mission</h1><p></p><p>Dayadaya est une plateforme SaaS de génération d'audio basé sur du contenu textuel à destination de professionnel. Veritable studio de création d'audio en ligne, Dayadaya vous permet de concevoir des newsletter, formation et autres contenu avec des voix se rapprochant à 99% d'une voix humaine.</p><p></p><p></p><h1>Challenge clès</h1><p></p><ul><li><p>Mise en place des équipes front-web, backend, devops et un UX Designer</p></li><li><p>Mise en place d'une base de code commune pour les équipes front et back</p></li><li><p>Réalisation de l'infrastructure la plus optimisé en terme de coûts</p></li><li><p>Réalisation d'un builder pour le studio de création de contenus.</p></li><li><p>Réalisation d'une roadmap optimisé par rapport au budget du client.</p></li><li><p>Optimisation des délais grâce à des techniques de programmation avancées.</p></li></ul><p></p><h1>Technologies</h1><p></p><ul><li><p>Node.JS</p></li><li><p>NX Monorepo</p></li><li><p>Test Driven Development</p></li><li><p>Clean Architecture</p></li><li><p>Domain Driven Design</p></li><li><p>Docker</p></li><li><p>Bitbucket CI/CD</p></li><li><p>Google Cloud Platform</p></li><li><p>Neo4J</p></li><li><p>React</p></li><li><p>Typescript</p></li><li><p>Redux</p></li></ul><p></p><p></p><h1>Approche et solution</h1><p></p><p>Dayadaya est une plateforme de création de contenu audio. Veritable studio en ligne, la plateforme accueil un grand nombre de fonctionnalités.</p><p></p><p>L'entrepreneur ayant commandé la plateforme avait un budget limité et nous avons réussi à optimiser les coûts en garantissant une approche craft, évitant les régressions en cours de développement et optimisant les livrables.</p><p></p><p>En ce qui concerne l'équipe, nous avons recrutés deux développeurs juniors (front, back) que nous avons formés et un senior full-stack afin de chapeauté le projet. En contact constant avec l'entrepreneur, nous avons ainsi réaliser une boucle de feedback rapide à travers la release de fonctionnalités successives.</p><p></p><p>Afin de pouvoir optimiser le développement, nous avons internalisés dans des librairies core la logique métier qui fut exploité côté front et backend. Grâce à des techniques d'inversion de dépendances, nous avons ainsi pu avoir comme dépendance direct côté backend une base de donnée et côté front, des appels http.</p><p></p><p>Le builder de la plateforme a été le produit le plus complexe à développer. Nous l'avons développé par baby step et avons procédé à la mise en place de petite features successives. Ce qui nous a permis au fur et à mesure de pouvoir déployé le builder en toute sérénité.<br><br>Afin de gérer le state management de la page du builder audio, nous avons exploité Redux pour faire circuler certaines informations entre les différents composant de la page.</p><p></p><p>La plateforme est également basé sur le fait qu'en tant qu'utilisateur, vous faites partie d'une organisation. Nous avons conçu un système minimaliste pour garantir l'administration d'une organisation au sein de la plateforme. Les contrôles concernant les actions possible ont été implémenté au plus proche des actions métiers (usecases).</p><p></p><p>Une fois le builder et les logiques d'organisations conçu, il était facile par la suite de concevoir le restant de la plateforme qui gravite autour de ces sujets.</p><p></p><h1>Bénéfices</h1><p></p><p>Nous avons réussi en un budget record à concevoir une plateforme complète. Dès les premiers jours, nous avons commencé par identifié les élements clefs a developpé afin de ne pas faire perdre de temps à l'entrepreneur. Cela a permis un time to market rapide. Par la suite, nous avons sereinement développé le reste de l'application qui est toujours live et peut-être consulté sur la page suivante : <a href="https://www.dayadaya.com/" rel="noopener noreferrer nofollow" target="_blank">https://www.dayadaya.com/</a></p><p></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clhkipcpq0t6o62h58k828vif.png"><div class="image-overlay"></div></div></div></div>

Dayadaya est une plateforme SaaS de génération d'audio basé sur du contenu textuel à destination de professionnel. Veritable studio de création d'audio en ligne, Dayadaya vous permet de concevoir des newsletter, formation et autres contenu avec des voix se rapprochant à 99% d'une voix humaine.

Dayadaya

GitHub

Fullstack Developer

Skills: Développement web · domain driven design · Test Driven Development · event sourcing · TypeScript · Node.js · Express.js

BackEnd Developer

Intermediate Fullstack Engineer

Skills: Firebase · Linux · Node.js · DDD · React · Google Cloud Platform (GCP) · Test Driven Development · SendGrid · text-to-speech · Bitbucket · Principes SOLID · architecture hexagonale · Intégration continue et livraison continue (CI/CD) · Neo4j · Redux.js · FFmpeg · Développement d’API · Tests d’API

Developpeur Lead Fullstack

Skills: Express.js · TypeScript · Azure Functions · Microsoft Azure · Node.js · Principes SOLID · domain driven design · test driven design · event sourcing · MongoDB · Intégration continue et livraison continue (CI/CD) · Management

Back End Developer

Skills: Firebase · NestJS · TypeScript · React · Principes SOLID · MongoDB · Bootstrap · Microservices · GitHub · Linux · React Native · chrome extension · MySQL · Python (langage de programmation) · SendGrid

Audrey Igouassel

Fullstack Developer

À propos

Expérience de travail

BackEnd Developer

Intermediate Fullstack Engineer

Developpeur Lead Fullstack

Back End Developer

Back-end Developer

Formation

Université de Bordeaux

Portfolio

Formr

Formr

Oney+

Oney

Elo Audio

Elo audio

Dayadaya

dayadaya

Talents

Recruteurs

À propos