Mode d’emploi · à vous de jouer
  1. 01Qui je suis02Expériences03Jobs étudiants04Passions05Projets06Études✓ Vous savez défiler
    01 ✓ Bien joué

    Faites défiler

    Essayez dans le cadre : molette, trackpad ou doigt. Toute la page se lit comme ça.

  2. Défilez dans l’écran ↓
    02 ✓ Bien joué

    Chaque écran s’anime

    Défilez dans l’écran pour faire entrer le suivant. Arrêtez-vous au milieu : la page finit l’animation pour vous.

  3. 0 / 3
    03 ✓ Bien joué

    Certains éléments se cliquent

    Repérez ces signes : ↗ ouvre une page, ▶ lance un son, un point lumineux ouvre une ville. Touchez les trois.

    04 ✓ Bien joué

    Le sommaire

    Les points à droite de l’écran mènent à chaque chapitre. Touchez « Passions ».

  4. 05 ✓ Bien joué

    Ou laissez-vous guider

    Le bouton ↓ en bas à droite joue la scène suivante à chaque clic. Essayez-le.

Portrait en noir et blanc de Mathis Truong
Portrait / 001Île-de-France
Développeur full stack & cloud

Mathis Truong

Je conçois des applications sécurisées, des outils internes, des automatisations, des interfaces soignées

Développeur full-stack chez Air Liquide, du front-end jusqu’au déploiement sur Google Cloud.

Voir mon parcours CDI recherché dès décembre 2027
01 / Qui je suis

Mathis, en quatre images.

  1. Mathis, le doigt sur la bouche, en maillot du Barça
    01Moi, c’est Mathis22 ans · Île-de-France
  2. 02Je codefull-stack chez Air Liquide
  3. 03J’automatisedu front jusqu’au cloud
  4. 04Je créedes sons, des vidéos
En quelques chiffres

Construire, pour de vrai.

2+
ans chez Air Liquide
500+
collaborateurs utilisent mon application
2
expériences pro en développement
22
ans, et l’envie d’aller plus loin
  • ◎ Île-de-France
  • Permis B
  • En poste chez Air Liquide
Ma boîte à outils

Du front-end jusqu’au cloud.

Front-end
  • React
  • Vue.js
  • Next.js
  • Tailwind
Back-end
  • Node.js
  • Python
  • PHP
  • Java
Cloud
  • Google Cloud
  • Firebase
  • BigQuery
Données
  • PostgreSQL
  • MySQL
  • MongoDB
  • Rigoureux
  • Autonome
  • Esprit d’analyse
  • Travail en équipe
  • Capacité d’adaptation
  • Résolution de problèmes
02 / Expériences professionnelles

Mes expériences
professionnelles.

Deux expériences en développement web, dont mon alternance chez Air Liquide, toujours en cours. Pour chacune : ce que j’y ai fait, et ce que j’ai apporté à l’entreprise.

  1. 09/24 — aujourd’hui
    Air LiquideAlternant Développeur Full-Stack Cloud
    En poste
  2. 01/24 — 02/24
    TradyDéveloppeur Web Front-end
Tour Cœur Défense et le quartier de La Défense à Courbevoie, sous un ciel bleu
Expérience professionnelle 01 / 02

● En posteAlternant Développeur Full-Stack Cloud · 09/24 — aujourd’hui · fin prévue 10/27 · Service IT · Courbevoie (92)

Développeur full-stack au service IT d’Air Liquide.

J’y ai créé une application interne de double authentification, de la conception à la production, et j’automatise des tâches lourdes pour le service IT.

500+
collaborateurs l’utilisent chaque jour
5
fonctions serverless
2
interfaces : app & console admin
0
code OTP exposé au navigateur ou journalisé

Photos via Wikimedia Commons : Daniel Case, CC BY-SA 4.0 · Konushna, CC BY-SA 3.0 · BobVillars, CC0

Air Liquide · Mission 01

Une application de double authentification, de l’idée à la production.

  1. Le besoinDes codes 2FA partagés à la main et des droits gérés dans un tableur.
  2. L’architectureOkta SSO, Google Sign-In, Firebase et des Cloud Functions que j’ai conçues.
  3. Les codesCalculés côté serveur, valables 30 secondes, jamais exposés.
  4. Les droitsChaque équipe gère elle-même qui accède à ses comptes.
  5. La traçabilitéChaque action journalisée dans BigQuery ; test et production séparés.
Air Liquide · Mission 02

J’automatise les tâches lourdes du service IT.

Des opérations longues et répétitives, faites jusque-là à la main : je les transforme en scripts qui tournent tout seuls, pour que l’équipe IT se concentre sur l’essentiel.

  • Repérer les tâches qui prennent le plus de temps
  • Les automatiser avec des scripts fiables
  • Rendre ce temps à l’équipe IT
Air Liquide · Bilan

Ce que j’ai fait, ce que j’ai apporté.

Ce que j’ai fait
  • J’ai créé une application interne de double authentification, de la conception à la mise en production.
  • J’ai développé son back-end serverless (Cloud Functions, Firestore) et son interface, avec Okta SSO et Google Sign-In.
  • J’automatise des tâches lourdes et répétitives pour le service IT.
  • J’ai séparé les environnements de test et de production, branché les journaux sur BigQuery et rédigé les tutoriels.
Ce que j’ai apporté
  • Un accès centralisé et sécurisé aux comptes techniques partagés.
  • Moins de demandes d’accès manuelles, grâce à la délégation des droits.
  • Du temps rendu au service IT, libéré des tâches lourdes et répétitives.
  • Une traçabilité complète des actions, sans jamais exposer un code.
Unité de production Air Liquide de nuit, avec une cuve au logo du groupe
Un groupe industriel mondial
Façade en pierre du siège d’Air Liquide à Paris
Siège · Paris
Expérience professionnelle 02 / 02

Trady

Développeur Web Front-end · 01/24 — 02/24 · Télétravail

Ce que j’ai fait
  • J’ai refondu l’interface du site.
  • J’ai développé de nouvelles fonctionnalités interactives.
  • J’ai corrigé les anomalies relevées sur le site.
Ce que j’ai apporté
  • Une interface plus claire et une meilleure expérience pour les utilisateurs.
03 / Jobs étudiants

Changer de monde à chaque job.

Des Jeux Olympiques à l’esport, d’un concert à un marché : chaque mission avait ses codes, son rythme et son public. Autant de mondes, autant de façons de s’adapter.

La vasque olympique illuminée la nuit au-dessus du jardin des Tuileries
La vasque des Jeux, jardin des Tuileries
★ Job vedette

Jeux Olympiques de Paris 2024

Équipier polyvalent · 07/24 — 08/24 · Paris

Polyvalent sur toute la chaîne de restauration pendant les Jeux : préparation, service au comptoir, encaissement, et une hygiène sans compromis.

  • 🥗 Préparer
  • 🍽️ Servir
  • 💳 Encaisser
  • 🧼 Garantir

Photos via Wikimedia Commons : Medea7, CC BY 4.0

Sodexo · Jeux Olympiques de Paris 2024

Toute la chaîne, du dressage à l’encaissement.

Ce que j’ai fait
J’ai préparé les entrées et les desserts, et dressé les plateaux.
J’ai assuré le service au comptoir et l’encaissement des repas.
J’ai maintenu la propreté des locaux en respectant strictement les protocoles HACCP.
Ce que j’ai apporté
Des repas servis vite et bien, au rythme des Jeux.
La satisfaction des convives, dans le respect total des règles d’hygiène.

Distribution de canettes · Concert de Céline Dion

Ce que j’ai fait
J’ai distribué des canettes de Coca-Cola au public du concert de Céline Dion, en allant directement au contact des spectateurs.
Ce que j’ai apporté
Un relais souriant et efficace de la marque auprès d’un très large public.
Une salle de concert plongée dans des lasers verts
Concert de Céline Dion · photo d’illustration
Une canette de Coca-Cola tenue à la main
La canette
Deux canettes rouges de Coca-Cola

Photos via Wikimedia Commons : Anirudh Koul, CC BY 2.0 · M0tty, CC BY-SA 3.0 · Solomon203, CC BY-SA 4.0

Distribution de canettes · Westfield La Défense

Ce que j’ai fait
J’ai fait déguster Fuze Tea aux visiteurs du Westfield de La Défense en distribuant des canettes.
Ce que j’ai apporté
Faire découvrir la marque aux visiteurs et leur donner envie de la goûter.
L’entrée illuminée du centre commercial Les Quatre Temps
Les 4 Temps, La Défense
La terrasse du centre commercial face aux tours de La Défense
Vue sur La Défense

Photos via Wikimedia Commons : Jakub Szypulka, CC BY-SA 3.0 · Bretwa, CC BY-SA 4.0

Préparation des scènes

Ce que j’ai fait
J’ai participé au montage et à la mise en place des scènes de compétition de l’Esports World Cup 2026.
Ce que j’ai apporté
Des scènes prêtes à temps pour accueillir les équipes et le public.
Une scène de compétition esport éclairée en bleu, joueurs face à des écrans géants
La scène
L’entrée de l’Esports World Cup 2026
L’entrée
La galerie des trophées de l’Esports World Cup 2026
Les trophées
Le hall d’entrée de l’Esports World Cup 2026
Le hall

Photos via Wikimedia Commons : PeaceSeekers, CC0 · PeaceSeekers, CC0 · PeaceSeekers, CC0 · PeaceSeekers, CC0

Manutention au siège

Ce que j’ai fait
J’ai assuré de la manutention au siège du groupe : réception, port et installation du matériel.
Ce que j’ai apporté
Une logistique fiable et discrète, pour que le siège tourne sans accroc.
Le siège de L’Oréal à Clichy
Le siège, Clichy

Photos via Wikimedia Commons : G.Garitan, CC BY-SA 4.0

Marché · écaillage · B2B · association

Conseiller, vendre, encaisser : la cadence du terrain.

  • DADA Drinks · Commercial terrain B2BJ’ai négocié les conditions de vente et les prix avec différents points de vente.
  • Les Amis de Poséidon · Commis aux fruits de merJ’ai ouvert et préparé huîtres et coquillages, et conseillé les clients.
  • DADA Drinks · Primeur au marchéJ’ai monté l’étal, vendu, conseillé et encaissé au rythme du marché.
  • Divertir Pour Secourir · Trésorier d’associationJ’ai tenu la trésorerie d’évènements caritatifs pour la cause animale.
Un étal de marché débordant de fruits et légumes
Le marché
Une écailleuse ouvre des huîtres sur une table
L’écaillage
Un étal d’huîtres sur un marché
Les huîtres

Photos via Wikimedia Commons : Palmolley, CC BY-SA 4.0 · Jean-Pierre Bazard, CC BY 4.0 · Renhour48, CC0

04 / Passions

Ce qui me fait vibrer.

Créer des vidéos et des sons, écouter les artistes qui m’accompagnent au quotidien, et me dépasser par le sport.

Création · 01 / 02CapCutCapCut

Montage vidéo

Je monte mes propres vidéos sur CapCut, en autodidacte : dérusher, couper au bon moment, poser les transitions et caler les plans sur le rythme de la musique.

  • Montage
  • Rythme
  • Narration
  • Autodidacte
Création · 02 / 02

Ma bande son.

Je compose et produis mes propres sons sur FL Studio, en autodidacte : une mélodie, des batteries programmées pas à pas, des basses, puis le mixage.

Clique sur un son pour l’écouter. Ton navigateur coupe le son des sites tant que tu n’as pas cliqué : c’est toi qui lances la lecture.

Tous mes sons sur SoundCloud
Prod. Mathis · FL StudioMario sprint

Choisis un son ci-dessous et clique pour l’écouterConnexion à SoundCloud…En lecture · via SoundCloudEn pause · clique sur ▶ pour reprendreTon navigateur bloque la lecture : lance-la dans le lecteur SoundCloud juste en dessous (▶ ou « Listen in browser »)SoundCloud ne répond pas : vérifie ta connexion, ou écoute sur SoundCloud ↗

2026 trash5 sons ↗
2023 trash3 sons ↗
Portrait de Joji en lumière rouge, pochette de l’album Nectar
Nectar, 2020
Artiste 01 / 03 · R&B · lo-fi · trip-hop

Joji

George Kusunoki Miller · Né à Osaka (Japon) · australien · 88rising

Une voix douce et mélancolique, des productions lentes et feutrées : le R&B lo-fi de Joji est fait pour les longues nuits.

Pochette de Smithereens
En écoute · extrait 30 sDie for YouSmithereens
N°8« Glimpse of Us » au Billboard Hot 100
Titres phares
  1. 1Glimpse of Us
  2. 2Slow Dancing in the Dark
  3. 3Sanctuary
Discographie
  • Pochette de Ballads 1Ballads 12018
  • Pochette de NectarNectar2020
  • Pochette de SmithereensSmithereens2022
  • Pochette de Piss in the WindPiss in the Wind2026

Le saviez-vous ?Avec Ballads 1, il devient le premier artiste asiatique en tête du classement Billboard Top R&B/Hip-Hop Albums.

88risingLabel
Joji chante sur scène en 2018, sous des néons
En concert, 2018

Crédits photos : Pochette « Nectar » (88rising), via Apple Music · Samuel Kenwright, CC BY 2.0

Extrait et pochettes : Apple Music ↗
Portrait de Bad Bunny en lunettes de soleil
Bad Bunny
Artiste 02 / 03 · Reggaeton · trap latino

Bad Bunny

Benito Antonio Martínez Ocasio · Bayamón (Porto Rico) · Rimas Entertainment

Le roi du reggaeton et du trap latino, qui a imposé l’espagnol tout en haut des classements mondiaux.

Pochette de Debí Tirar Más Fotos
En écoute · extrait 30 sBaile InolvidableDebí Tirar Más Fotos
4×artiste le plus écouté au monde sur Spotify
Titres phares
  1. 1DtMF
  2. 2Tití Me Preguntó
  3. 3Dákiti
  4. 4Me Porto Bonito
Discographie
  • Pochette de X 100preX 100pre2018
  • Pochette de YHLQMDLGYHLQMDLG2020
  • Pochette de Un Verano Sin TiUn Verano Sin Ti2022
  • Pochette de Nadie Sabe…Nadie Sabe…2023
  • Pochette de Debí Tirar Más FotosDebí Tirar Más Fotos2025

Le saviez-vous ?Debí Tirar Más Fotos remporte le Grammy de l’album de l’année en 2026 — une première pour un album en espagnol — et il assure le show de la mi-temps du Super Bowl LX.

Bad Bunny en concert à Lisbonne en mai 2026, tournée Debí Tirar Más Fotos
Tournée DtMF, Lisbonne 2026
Bad Bunny, cheveux blancs et costume noir, au Met Gala 2026
Met Gala, mai 2026

Crédits photos : Glenn Francis (Toglenn), CC BY-SA 4.0 · Stillfatnomar, CC0 · SWinxy, CC BY 4.0

Extrait et pochettes : Apple Music ↗
Portrait de Don Toliver en lunettes de soleil
Don Toliver
Artiste 03 / 03 · Hip-hop · trap · R&B

Don Toliver

Caleb Zackery Toliver · Houston, Texas (États-Unis) · Cactus Jack · Atlantic

Une voix aérienne et reconnaissable entre mille, posée sur des productions trap psychédéliques venues de Houston.

Pochette de Love Sick
En écoute · extrait 30 sBus Stop (feat. Brent Faiyaz)Love Sick
N°1Octane au Billboard 200
Titres phares
  1. 1After Party
  2. 2No Idea
  3. 3Lemonade
  4. 4Bandit
Discographie
  • Pochette de Heaven or HellHeaven or Hell2020
  • Pochette de Life of a DonLife of a Don2021
  • Pochette de Love SickLove Sick2023
  • Pochette de Hardstone PsychoHardstone Psycho2024
  • Pochette de OctaneOctane2026

Le saviez-vous ?« No Idea » et « After Party » sont tous deux certifiés triple platine, et Octane devient en 2026 son premier album numéro 1.

Don Toliver photographié en studio

Crédits photos : Sanchez Productions, CC BY-SA 4.0 · Sanchez Productions, CC BY-SA 4.0

Extrait et pochettes : Apple Music ↗
Sport · 4 disciplines

Me dépasser, sur quatre terrains.

  1. Une salle de musculation avec des machines à charge guidée
    5ans

    Musculation

    Régularité

    Cinq ans de séances régulières : la discipline, la patience et une progression qui se mesure semaine après semaine.

  2. Un skateur en plein kickflip
    4ans

    Skateboard

    Persévérance

    Tomber, se relever, retenter le trick jusqu’à le poser : le skate m’a appris à persévérer.

  3. Un sprinteur sur une piste d’athlétisme
    3ans

    Athlétisme

    Dépassement de soi

    Le chrono ne ment pas : se fixer un objectif, s’entraîner pour le battre, recommencer.

  4. Un joueur de beach-volley frappe le ballon au-dessus du filet
    2ans

    Volley-ball

    Esprit d’équipe

    Un point ne se gagne jamais seul : communication, placement et confiance dans l’équipe.

Crédits photos : Cobragym1, CC BY-SA 3.0 · Almonroth, CC BY-SA 3.0 · Sport the library, CC BY-SA 3.0 · FEMA, domaine public

05 / ProjetsConcepts provisoires

Mes projets.
Du code au concret.

Mode exploration

Faites défiler pour explorer, puis cliquez où vous voulez sur une carte pour découvrir sa page.

Paysage lumineux utilisé comme visuel provisoire du projet Fragments
Lumière / 001
01Expérience web

Fragments

Une expérience web créative qui associe interfaces interactives, navigation fluide et développement front-end.

  • Front-end
  • Interaction
  • Web créatif
Installation lumineuse bleue utilisée comme visuel provisoire du projet Afterimage
Mouvement / 002
02Application interactive

Afterimage

Un concept d’application réactive autour des échanges de données et des interactions en temps réel.

  • Full stack
  • Temps réel
  • API
Vue urbaine utilisée comme visuel provisoire du projet Horizon
Perspective / 003
03Architecture cloud

Horizon

Une piste de plateforme web pensée du front-end à l’infrastructure, avec le cloud au cœur de son architecture.

  • Cloud
  • Architecture
  • Déploiement
Ville sous un ciel orange utilisée comme visuel provisoire du projet Solstice
Temps / 004
04Plateforme de contenu

Solstice

Un concept de plateforme de publication qui relie gestion de contenu, données structurées et expérience de lecture.

  • Back-end
  • Données
  • Interface
Voyageur face à une vaste prairie utilisé comme visuel provisoire du projet Elsewhere
Ailleurs / 005
05Expérience cartographique

Elsewhere

Un concept d’application cartographique pour explorer des lieux à travers une interface web interactive.

  • Cartographie
  • API
  • Web créatif
Parcours académiqueChoisissez une escale6 / 6 villes reliées
PARPARISLYSLYONDUBDUBLINBCNBARCELONEMTLMONTRÉALBOSBOSTON

Touchez une ville pour ouvrir sa carte d’embarquement.

06 / Études

Six villes,
un même fil.

07 / Mot de fin


Je recherche un CDI à partir de décembre 2027. Un poste, un projet ou simplement l’envie d’échanger : je serai ravi d’en parler.