Bienvenue dans mon espace01 / 05

MathisTruong.

Développement, création et curiosité.
Un portfolio pour raconter ce que je construis et ce qui m'inspire.

02 / Escales & Projets Web

Chaque destination,un projet web construit.

De Paris à Boston, chaque escale devient un terrain d'étude : une spécialisation, un projet web et une nouvelle façon de construire.

ATLAS DE PROJETSCHOISISSEZ UNE ESCALE05 destinations · développement web

Les balises réagissent au survol. Cliquez pour voyager vers un projet.

Photographie souvenir de Paris, escale 01 (1) — France / carnet personnel / 01

Photographie souvenir de Paris, escale 01 (2) — France / carnet personnel / 02

Photographie souvenir de Paris, escale 01 (3) — France / carnet personnel / 03

Photographie souvenir de Paris, escale 01 (4) — France / carnet personnel / 04

ESC. 01 / 05 · PARLIVE CASE STUDY

Paris, FranceHETIC & Campus Numérique Paris

Nexus Platform

Projet de Fin d'Études · Architecture SaaS & Design System

SpécialisationArchitecture front-end & design systems

Défi académique : Concevoir et développer une plateforme SaaS complète de monitoring d'audience pour le diplôme d'ingénierie web.

Next.js 15TypeScriptTailwind CSSRadix UI

Lead Front-End & Design System

Photographie souvenir de Dublin, escale 02 (1) — Irlande / carnet personnel / 01

Photographie souvenir de Dublin, escale 02 (2) — Irlande / carnet personnel / 02

Photographie souvenir de Dublin, escale 02 (3) — Irlande / carnet personnel / 03

Photographie souvenir de Dublin, escale 02 (4) — Irlande / carnet personnel / 04

ESC. 02 / 05 · DUBLIVE CASE STUDY

Dublin, IrlandeTrinity College Dublin (School of Computer Science)

Keltik Workspace

Projet d'Échange International · Application Collaborative

SpécialisationTemps réel, synchronisation & back-end collaboratif

Défi académique : Développer en équipe internationale un espace de travail temps réel avec synchronisation sans conflit.

ReactNode.jsWebSocketsZustand

Développeur Full-Stack Temps Réel

Photographie souvenir de Barcelone, escale 03 (1) — Espagne / carnet personnel / 01

Photographie souvenir de Barcelone, escale 03 (2) — Espagne / carnet personnel / 02

Photographie souvenir de Barcelone, escale 03 (3) — Espagne / carnet personnel / 03

Photographie souvenir de Barcelone, escale 03 (4) — Espagne / carnet personnel / 04

ESC. 03 / 05 · BCNLIVE CASE STUDY

Barcelone, EspagneUPC Barcelona Tech (Univ. Politècnica de Catalunya)

Solara Atelier

Projet de Spécialisation · E-Commerce Headless & Motion

SpécialisationE-commerce headless & motion design

Défi académique : Concevoir une boutique en ligne headless ultra-performante interfacée à une API tierce avec micro-interactions cinématiques.

Next.jsShopify APIFramer MotionStripe

Développeur Web Créatif & Front-End

Photographie souvenir de Montréal, escale 04 (1) — Montréal / carnet personnel / 01

Photographie souvenir de Montréal, escale 04 (2) — Montréal / carnet personnel / 02

Photographie souvenir de Montréal, escale 04 (3) — Montréal / carnet personnel / 03

Photographie souvenir de Montréal, escale 04 (4) — Montréal / carnet personnel / 04

ESC. 04 / 05 · YULLIVE CASE STUDY

Montréal, CanadaPolytechnique Montréal (Génie Informatique)

Nordic Pulse

Projet d'Ingénierie Graphique · Rendu 3D WebGL & Performance

Spécialisation3D web, shaders & performance GPU

Défi académique : Repousser les limites des rendus graphiques dans le navigateur avec des shaders WebGL personnalisés à 60 FPS constants.

TypeScriptThree.jsWebGLGLSL Shaders

Développeur Web & WebGL

Photographie souvenir de Boston, escale 05 (1) — Boston / carnet personnel / 01

Photographie souvenir de Boston, escale 05 (2) — Boston / carnet personnel / 02

Photographie souvenir de Boston, escale 05 (3) — Boston / carnet personnel / 03

Photographie souvenir de Boston, escale 05 (4) — Boston / carnet personnel / 04

ESC. 05 / 05 · BOSLIVE CASE STUDY

Boston, États-UnisMIT & Boston Tech Innovation Hub

Beacon Metrics

Projet de Fin de Cycle · Dashboard Haute Fréquence & D3.js

SpécialisationData visualisation & systèmes temps réel

Défi académique : Concevoir une console de surveillance technique capable d'absorber et visualiser des flux massifs de données à la seconde.

TypeScriptD3.jsGraphQLDocker

Développeur Full-Stack & Data Viz

03 / Galerie de projetsConcepts provisoires

Mes projets.
Choisissez une histoire.

Mode exploration

Faites défiler pour choisir un projet, puis cliquez sur la carte active pour l'ouvrir.

01Expérience web

Fragments

Un portfolio expérimental où les photographies, les mots et le mouvement composent un récit à explorer.

Direction
Motion
Développement

02Installation numérique

Afterimage

Une expérience immersive provisoire qui transforme la lumière, le son et les déplacements en matière visuelle.

Interaction
Immersion
Prototype

03Identité interactive

Horizon

Une identité numérique en construction, pensée comme un système vivant qui évolue avec son contenu.

Identité
Système
Interface

04Narration éditoriale

Solstice

Un journal visuel provisoire où une ville change de visage au rythme de la lumière et du temps.

Photographie
Éditorial
Rythme

05Carnet interactif

Elsewhere

Une archive de voyage en construction qui relie lieux, sensations et souvenirs dans un parcours contemplatif.

Voyage
Archive
Récit

04 / Quelques mots

La suite se
construit.

Je m'appelle Mathis. J'aime apprendre en faisant, explorer de nouvelles idées et leur donner une forme concrète. Ce site est un espace en évolution où se rencontreront mon parcours, mes projets et mes inspirations.

Voir ce que je construis sur GitHub

Paysage au coucher du soleil, issu des photographies de Mathis — Un regard ailleurs / collection personnelle

05 / À suivre

L'histoire
continue.

Le portfolio évoluera au rythme des projets, des découvertes et des nouvelles idées.

Explorer mon GitHub