bruno charrier

Développement d’une webApp de prévision des inondations, permettant d’anticiper la montée des eaux et de rester informé en cas d’événement hydro-météorologique (à destination principalement des collectivités et des professionnels). Le projet est porté par la société SNALE, une start-up innovante spécialisée dans les outils d’anticipation des risques naturels et les systèmes d’informations à forte volumétrie. - Mise en place de l'architecture Front-End et développement Vue.js, Tailwind et PrimeVue (à partir d’une maquette Figma fournie par un designer) - Intégration HTML/CSS responsive avec bonnes pratiques pour l'accessibilité - Développement d'un module de cartographie (Maplibre.js) pour afficher les zones inondables, des bâtiments, des alertes diverses. Gestion d'une timeline horaire et de filtres pour interagir - Visualisation des données sur des graphiques (chart.js) - Développement d’un formulaire avancé pour saisir des scénarios - Connection à une API Python, - SSE pour gérer et partager des notifications avec tous les utilisateurs - Collaboration avec 1 développeur Backend/DevOps, 1 designer UX, 1 designer UI et 1 Product Owner

1— Refonte de l'application « OpenGOV Temps Réel », un outil d'aide à la gestion de la circulation des trains dans les grandes gares, permettant de visualiser et de modifier en temps réel le positionnement des trains sur les voies, de gérer les conflits, les retards, modifier le plan de transport etc ... (Websocket pour le temps réel et module avancé de visualisation des voies avec D3.js). 2— Création d'une nouvelle application « ScenarioManager » permettant de saisir des scénarios de crise afin de planifier la manière de réagir à une perturbation sur un endroit du réseau ferroviaire. Création d'un module de cartographie avec MapLibre.js pour que les utilisateurs puissent dessiner/renseigner des zones de perturbation, des détournements de parcours, des modifications de dessertes etc ... 3— Refonte Front-End de l'application « Adapt », un outil d'aide à la gestion des situations perturbées qui permet d'adapter plus efficacement et en temps réel le plan de transport. (Websocket pour le temps réel et module avancé de visualisation des ressources avec D3.js). ➔ Mon périmètre d'intervention sur ces applications : - Réflexions UX et conception des interfaces avec les équipes projet - Mise en place de l'architecture Front-End et développement Angular - Mise en place d'un Design et intégration HTML5/CSS responsive (avec gestion d'un Darkmode) - Utilisation des libs Angular Material, D3.js, MapLibre.js et Webstomp (websocket) - Collaboration avec des développeurs Java / Python pour les APIs - Ecriture de tests unitaires - Suivi des évolutions et upgrade annuel des versions d'Angular avec migration progressive vers les nouveautés : Full-Standalone components, mode Strict des "Reactive Forms", Control flow syntax, utilisation de Signals ... - Création d'un module Design qui regroupe l'ensemble des éléments CSS/composants génériques - Kanban dans Jira pour l'organisation des équipes - GitLab et déploiements via Jenkins - Rédaction d'une documentation sur un Wiki Gitlab

Agence Ux/Design 1— Développement d'un mini-site pour un groupe pharmaceutique : • Développement Nuxt.js et intégration HTML5/CSS responsive mobile avec bonnes pratiques SEO. Génération et livraison de pages statiques (données JSON via le module @nuxt/content). (maquettes Figma produites par 1 Designer). 2— Refonte Front-End d'un s​ite d’informations régionales (actu.fr) : • Intégration HTML5/CSS responsive mobile (Sass) et livraison de templates statiques constitués de composants modulaires. Mise en place des bonnes pratiques pour le SEO et l'accessibilité. • Création d’un Design System regroupant l’UI et les différents composants HTML (maquettes Figma produites par 1 Designer). • Développement Javascript natif avec config Webpack (babel, sass, postcss, prettier, Handlebars).

Développement de 2 applications Angular sur des problématiques de Data Science - Mise en place de l'architecture Front-End, règles de nomenclature, linter ... - Développement Angular, formulaires complexes avancés avec les "Reactive Forms" - Angular Material et graphiques de visualisation de données avec D3.js - Intégration responsive HTML5/CSS (Sass) - Encadrement d'un développeur junior, code review - Collaboration avec des développeurs Back (API Ruby on Rails) - Echanges réguliers avec les ingénieurs Data pour comprendre les besoins et apporter des solutions

Agence Web indépendante avec comme clients : Hermes, LVMH, Puig, Pernod-Ricard, QuaiBranly, FranceTV, ArteTV, Orange, Département des Boûches-du-Rhône etc ... - Développement Front-End sur des projets très variés : Sites Portail, Sites de Marque, Jeux Concours, film interactif, webApps... - Mise en place d'architecture Front-End - Intégration HTML5/CSS (Sass) responsive mobile à partir de maquettes produites par des designers - Développement Javascript natif, API MapBox, GoogleMaps - Développement React, Angular 2+ - Accessibilité et bonnes pratiques SEO - Encadrement de développeurs junior (pair programming, code review)