Guillaume CRESPEL
Javascript developer - Fullstack
35 ans - 13 ans d'expérience
Toujours à la recherche de nouveaux défis, Guillaume ne lésine pas sur les moyens mis en œuvre pour communiquer ses nouvelles connaissances !
Anticorps des temps modernes il challenge ses collègues afin d'en tirer le meilleur.
Attention, cette passion est virale !
Expériences
Lead Développeur FullStack
SGMarket, pour le compte de unirakun
January 2022 ➤ February 2024
- L'équipe que j'ai rejointe au sein de SG Market exécution, développe un ensemble d'applications qui servent de marketplace b2b pour des produits financier
- Missions :
- POC de nouvelles applications
- Réflexion UX
- Optimisation frontend
- Développement de fonctionnalités
- Mise en place de test e2e
- Technologies utilisées :
- Typescript, C#
- ReactJS, ViteJS, RTK, .Net, Signalr
- Vitest, RTL, codeceptjs, playwright
- Azure, K8S, Docker
- Github, Jira
Lead Développeur Frontend
DARVA, pour le compte de unirakun
January 2020 ➤ January 2022
- DARVA est une entreprise experte en solutions web et EDI (Echanges de Données Informatisés) basée à Niort et destiné à tous les acteurs professionnels de l'assurance.
- Avec Nicolas REMISE (interne DARVA) et Fabien JUIF, nous avons aidé le service BI à faciliter l'accès et la gouvernance des "données sinistres" pour les collaborateurs de DARVA ainsi que les acteurs des métiers de l'assurance.
- Nous simplifions la visualisation et l'édition des structures de données assureurs grâce à une nouvelle interface graphique. Le but est de remplacer un vieil outil d'édition, et de permettre à tous les collaborateurs de reprendre possession de la connaissance liée à ces données.
- Pour faciliter l'accès à cette connaissance nous nous devions de proposer une interface graphique ergonomique, réactive, et compréhensible. Nous nous étions appuyés sur des représentations graphiques bien connues comme des arbre (treeview) ou des graphes (radial). Et pour l'édition, quand cela semblait opportun, nous avons utilisé du drag'n'drop. Le tout en utilisant l’écosystème ReactJS.
- Missions :
- Atelier UX / UI
- Développement Front-End de visualisation graphique du datalake
- Développement Front-End d'édition du datalake
- Technologies utilisées :
- ReactJS, D3 et Layout homemade
- NodeJS, Typescript, Apollo GraphQL, NestJS, Mongoose
- Babel, Prettier, ESLint
- Storybook, Cypress, Jest
- Docker
- Github
Lead Développeur Backend
DARVA, pour le compte de unirakun
June 2019 ➤ December 2019
- DARVA est une entreprise experte en solutions web et EDI (Echanges de Données Informatisés) basée à Niort et destiné à tous les acteurs professionnels de l'assurance.
- DARVA souhaitant s'appuyer de plus en plus sur la masse de données qu'ils traitent, ils leur est nécessaire d'intégrer celles-ci dans un datalake accessible à tous les services.
- Dans ce but, nous avons agis sur le stockage des données liées aux sinistres au travers d'un batch NodeJS. Il se doit d'être modulaire, réutilisable, et très performant puisque plusieurs gigaoctets de données doivent être traitées dans une courte fenêtre de temps.
- Grâce aux streams NodeJS les données sont décodées, désérialisées, puis enregistrées en base de données MongoDB au fil de l'eau.
- Afin de maitriser la performance du batch, nous avons mis en place des métriques permettant de suivre la vélocité de nos algorithmes tout au long de nos développements.
- Une fois cette mission terminée, nous avons réalisé le POC d'une interface graphique permettant de mieux comprendre la structure des données concernées.
- Missions :
- Développement d'un Batch d'intégration de données
- Algorithme et métriques de performance
- Passage de connaissances aux équipes internes
- Proposition d'un POC d'une interface graphique de naviguation dans la structure des données
- Technologies utilisées :
- Javascript, NodeJS, MongoDB
- ReactJS, D3 et Layout homemade
- Jest et tests de performances sur-mesure
- Docker
- Github
Lead Développeur Frontend
Metroscope, pour le compte de unirakun
July 2018 ➤ March 2019
- Metroscope est une startup, filiale du groupe EDF, composée d’une dizaine de personnes. Le Metroscope permet de déterminer rapidement les anomalies survenant sur les systèmes de refroidissement des centrales nucléaires.
- Avec Fabien JUIF, nous avons mis en place et nous avons continué à développer le produit Metroscope sur la partie Front-End, à distance. Une fois celle-ci sécurisée et en production nous avons formé nos successeurs afin qu’ils puissent être autonomes sur la stack mise en place.
- Missions :
- Développement Front-End
- Atelier UX / UI
- Aide au recrutement : entretiens et choix des successeurs
- Formation des successeurs
- Technologies utilisées :
- ReactJS / Redux / k-ramel / react-vis / D3.js / JSS
- Java 8 / SpringBoot
- Webpack / Babel / ESLint
- Cypress / Jest
- Docker / CircleCI / Kubernetes / GKE (google cloud)
- Github / Jira
Formateur NodeJS
DARVA, pour le compte de unirakun
November 2018 ➤ November 2018
- DARVA est une entreprise experte en solutions web et EDI (Echanges de Données Informatisés) basée à Niort et destiné à tous les acteurs professionnels de l'assurance.
- Je suis intervenu dans le service BI pour les former au développement Javascript côté serveur avec NodeJS.
- La formation s’est déroulée sur 3 semaines. Tous les lundis, une journée mêlant théorie et pratique au travers de différents exercices. Tous les jeudis étaient dédiés aux collaborateurs afin d’expérimenter librement ce que l’on avait fait ensemble, dans le but de créer de toute pièces l’API d’un jeu confectionné par nos soins.
- Plan simplifié de la formation :
- Les bases de la syntaxe Javascript ES6
- Moteur NodeJS et ses modules core
- Explication de l'eventloop et l'asynchronisme
- Utilisation des streams
- Différents outils : (Koa2 / mongoDB / socket.io)
Consultant et développeur en architecture logiciel
Metroscope, pour le compte de unirakun
March 2018 ➤ June 2018
- Metroscope est une startup, filiale du groupe EDF, composée d’une dizaine de personnes. Le Metroscope permet de déterminer rapidement les anomalies survenant sur les systèmes de refroidissement des centrales nucléaires.
- Avec Fabien JUIF, nous avons challengé leur MVP afin de produire une première version sur une stack solide et efficace tout en gardant en vue les besoins et contraintes d'une grosse structure comme EDF.
- Missions :
- Réflexion sur la structure de base de données
- Réflexion sur les technologies adéquates Front-end et Back-End à utiliser
- Mise en place du socle technique Front-End et Back-End
- Mise en place d’une CI / CD
- Atelier UX / UI
- Aide à la gestion de projet et conseils en agilité
- Technologies utilisées :
- ReactJS / Redux / k-ramel / react-vis / D3.js / JSS
- Java 8 / SpringBoot
- Webpack / Babel / ESLint
- Cypress / Jest
- Docker / CircleCI / Kubernetes / GKE (google cloud)
- Github / Jira
Expert développement Frontend
Sparklane, pour le compte de unirakun
February 2018 ➤ March 2018
- L'équipe de développement de Sparklane (située à Nantes), est principalement composée de développeur backend (Java/Go). Leur stack frontend était vieillissante. Sparklane a sollicité uni rakun pour les aider à migrer leur stack frontend.
- Une des contrainte était de pouvoir faire cette migration par itérations, les deux versions de l'application devaient donc co-exister. Nous avons fait le choix de conserver l'aspect graphique, et de faire des ponts AngularJS vers React, et inversement
- Missions :
- Développement d'une architecture technique permettant la migration d'une application front AngularJS vers une stack React / k-ramel
- Création de composants graphiques permettant la visualisation de leurs données. (data-viz)
- Formation continue de l'équipe de développement Sparklane sur cette nouvelle stack via des codelabs
- Réponses techniques à de fortes attentes sur cette migration AngularJS (1) vers ReactJS
- Technologies utilisées :
- ReactJS / k-ramel / react-vis
- docker
- nginx
- Contributions opensources :
- k-ramel - gestion de l'état de votre application, basé sur Redux et inspiré de CycleJS
- k-intl - internationalisation rapide de l'application
- hoc-little-router - HoC de configuration du router avec Redux
Lead Développeur Frontend
Santeclair
June 2016 ➤ January 2018
- Santéclair est un réseau de mutuelle avec une DSI de 20 personnes. Santéclair permet de simplifier l'accès au soins de ses adhérents.
- Dans le cadre de leur digitalisation j'étais leur responsable technique Front-End pour le développement d'applications web / mobile d'aide à l'accès au soin.
- Missions :
- Développement d'applications web et mobile
- Formation des équipes à des technologies Front-End moderne
- Mise en relation et partenariat avec des sociétés permettant la réservation en ligne (Pages Jaunes, MonDocteur, Doctolib)
- Acteur de l’agilisation de la société
- Acteur de l’évolution des processus et de la plateforme CI
- Applications réalisées :
- TrouvTonDoc : Permet la géolocalisation de professionnels de santé en dehors du réseau santéclair, le calcul du reste à charge, ainsi que la prise de rendez-vous en ligne
- Devis Dentaire : Permet la réalisation de devis dentaire en ligne, avec pour objectif une ergonomie simplifiée et le calcul de reste à charge
- Télémédecine : Permet la mise en relation d’un assuré avec des services tel que MesDocteurs
- Technologies utilisées :
- ReactJS / Redux / redux-saga
- Java 8 / SpringBoot
- Webpack / Babel / ESLint
- Jest
- CircleCI / Github
- Docker
- Contributions opensources :
- k-redux-factory - aide à la création de reducers, actions et sélecteurs Redux
- kriya - bibliothèques de composants React-Redux
- hoc-little-router - utilitaire de configuration de redux-little-router
- roadhog - utilitaire redux-saga d'appels d'API
- k-redux-saga-tester - utilitaire de test des sagas redux-sagas
Lead Développeur FullStack
ContentFlow, pour le compte de Netapsys
March 2016 ➤ June 2016
- ContentFlow est une plateforme de mise en relation de grand compte avec des régies publicitaire.
- J’ai oeuvré lors de l’initialisation du produit afin de produire une stack MEAN cohérente.
- Missions :
- Mise en place de l’architecture technique sur une stack MEAN
- Développement front et back de l'application
- Mise en place d’outils de qualité de code
- Technologies utilisées :
- AngularJs (1.5)
- NodeJs / Express
- MongoDB / ElasticSearch
Lead Développeur FullStack
SIAO, pour le compte de Netapsys
July 2015 ➤ March 2016
- Le SIAO est Le Service Intégré de l'Accueil et de l'Orientation français.
- Je suis intervenu pour leur besoin concernant les urgences social, le 115.
- Missions :
- Mise en place d’une stack technique moderne et cohérente
- Challenge sur l’ergonomie de la partie Front-End avec les équipes SIAO
- Mise en place de la CI/CD
- Formation de l’équipe de développement Back-End et Front-End
- Technologies utilisées :
- AngularJs (1.6)
- Java 7 / SpringBoot / API RESTFUL
- Maven / Jenkins
Lead Développeur FullStack
navalgroup, pour le compte de Euriware
April 2012 ➤ July 2015
- Refcoll est une application modulaire utilisée au sein de la DCNS pour suivre la construction de ses bâtiments armées.
- J’ai oeuvré sur le socle technique pendant 2 ans avant de basculer sur des besoins technico-fonctionnels.
- Missions :
- Expertise et customisation de Refcoll au sein de projets de Maintien en Condition Opérationnelle et de Gestion de Documentation
- Chiffrage et planning de projet Refcoll
- Mise en place des forges logicielles utiles au développement des différents projets
- Encadrement et formation de développeurs du fonctionnel DCNS et de l’applicatif Refcoll
- Expertise et définition d’architecture au sein de DCNS pour la mise en place de Refcoll pour leurs projets de MCO
- Conception et développement de plusieurs modules de customisation pour améliorer l’expérience utilisateur au sein de l’application Refcoll
- Conception et développement de module de customisation pour industrialiser et optimiser les opérations métiers
- Mise en place de recettes fonctionnelles
- Technologies utilisées :
- GWT / AngularJS
- Java 6 / Spring
Développeur / Ops
laposte, pour le compte de CGI
May 2010 ➤ April 2012
- Pour le projet Reinette de LaPoste dans un Centre de service de 50 personnes, j’ai effectué des mission au sein de la TMA de gestion des référentiels des comptes et centres de La Poste.
- Missions :
- Conception et réalisation de l’architecture de diverses applications
- Gestion des plateformes d’intégration continue, implémentation des scripts de déploiement, de création de livrable
- Gestion des composants Apache Tomcat et IBM Websphere
- Chiffrage de fonctionnalité
- Encadrement d’une équipe de développement
- Technologies utilisées :
- Struts
- Java/J2E, Oracle 10/11g, Sybase, Korn Shell
- Eclipse, Tomcat 6.0, Websphere
- Checkstyle, PMD, FindBugs, Junit