Curriculum vitæ

Nicolas Hamelin

Lead Développeur Fullstack / Product Engineer

Narrateur Visuel

Étant une personne à multipotentiel, je voulais trouver un titre qui puisse regrouper toutes les choses que je fais. Avec un master en informatique et plus de 15 ans d'expérience acquise entre l'Australie, la Nouvelle-Calédonie et aujourd'hui Anglet, en France, mon parcours m'a mené du design d'interfaces vers le développement fullstack, la responsabilité de produits web complets et plus récemment la conception assistée par l'IA. Mes passions dans lesquelles je m'investis beaucoup sont la photographie et la vidéo.

En observant toutes ces capacités, je me suis rendu compte qu’elles ont toutes un point commun, elles racontent quelques choses de manière visuelle. Le titre de « Narrateur visuel » permet donc de tout mettre dans le même sac, et de partir à l’aventure !

Compétences

  • Fullstack
  • UX
  • UI
  • Accessibilité
  • Analyse des besoins
  • Autonomie
  • Autodidacte
Front-end
TypeScript, JavaScript (Vue, Nuxt, React, Next.js, Angular) — HTML5, CSS3, Sass, Tailwind — Vite, WebDriver.io (tests E2E)
Mobile
React Native, Expo, Ionic — Maestro (tests E2E), RevenueCat — Publication App Store et Google Play
Back-end
Node, PostgreSQL, MySQL, GraphQL — Supabase, NuxtHub, Cloudflare (D1, KV, Workflows, Queues) — Cartographie : OpenStreetMap, Overpass, PostGIS
Infrastructure
AWS (Lambda, CloudFront, S3, Route 53), Vercel — Docker, Kubernetes, Dagger — VPS auto-hébergé (Coolify, Ansible) — Git, GitHub, GitHub Actions
IA
Claude Code, MCP, Skills
Langues
Anglais courant (langue de travail au quotidien depuis 2018) — Français (langue maternelle)
Création
Photoshop, Lightroom, Illustrator, InDesign — Adobe Premiere, After Effects

Expériences

  1. Expérience

    Porteur de projet

    Adret

    Projet personnel, de l'idée à la publication sur les stores

    Je lance Adret, une app iPhone et Android qui transforme une sortie à vélo, en course ou en randonnée en affiche à partir de sa trace GPS (Garmin, Strava, Komoot). Je porte le projet de bout en bout. Mon travail :

    • Application mobile : React Native et Expo, éditeur conçu pour un petit écran, rendu des traces courtes directement sur le téléphone, paiements via RevenueCat et tests E2E Maestro sur iOS et Android
    • Moteur de rendu : génération d'affiches SVG modifiables à la volée à partir de traces GPX, écrit en TypeScript et partagé entre l'application et l'API pour un rendu identique partout
    • API cartographique : rendu côté serveur des longues traces (rendus simultanés, cache RAM et disque) et extraction des données OpenStreetMap utiles via Overpass (3 semaines de calcul sur un serveur loué), stockées sur S3 pour éviter un serveur coûteux à l'année
    • Site vitrine : Next.js, structure et textes pensés pour les bons personas, direction artistique (couleurs, polices, logo) ; il sert aussi d'API pour le téléchargement des tuiles et les connexions
    • Infrastructure : VPS auto-hébergé, images Docker générées à chaque merge de PR et déployées par Coolify, maintenance du serveur avec Ansible

    Tout est construit en collaboration avec Claude Code, étape par étape et avec beaucoup de guidage : aucune ligne de code n'est écrite à la main.

    Études de cas :Une application pour AdretAPI cartographique d'AdretSite web Adret

  2. Expérience

    Lead Développeur Fullstack

    Air360 — Freelance

    Startup, équipe distribuée Japon / Vietnam / Europe, 100 % remote

    Je chapeaute le produit Air360 depuis 2021, une solution d'analyse comportementale qui aide à comprendre les parcours utilisateurs et à améliorer son site : d'abord en mission via NCIT, puis en direct en freelance depuis septembre 2024. Je suis responsable de toute la chaîne technique — script de collecte, APIs, base de données, interfaces, infrastructure et déploiement — et j'ai encadré 2 développeurs. Mon travail :

    • Dashboard : refonte en Nuxt d'une application .NET / jQuery, puis migration de l'authentification et de la base de données d'Auth0 vers Supabase (PostgreSQL)
    • Rediffusion de sessions : API d'ingestion et de stockage des replays (RRWeb, NuxtHub) sur Cloudflare (D1, KV, Workflows, Queues), puis migration de la plate-forme sur un cluster Kubernetes chez OVH pour maîtriser le coût d'hébergement
    • Infrastructure : déploiements Kubernetes (GCP puis OVH), S3 / CloudFront et CI/CD avec GitHub Actions
    • Script de collecte : refonte en TypeScript d'un fichier JavaScript de plus de 3000 lignes, packagé avec Vite et couvert par des tests E2E WebDriver.io
    • Analyse sur la page : interface Nuxt intégrée au site client (anciennement extension Chrome), pilotée par de nouvelles APIs du SDK
    • Centre d'aide : documentation multilingue (Nuxt Content), serveur MCP pour le chatbot IA et authentification unifiée via l'OIDC de Supabase

    Je m'appuie au quotidien sur Claude Code, des serveurs MCP et des skills.

    Études de cas :Air360Replay Air360Centre d'aide Air360JS SDK Air360

  3. Expérience

    Développeur Fullstack - Responsable Front-end

    NCIT, Nouvelle-Calédonie

    ESN à Nouméa — mission principale : Air360

    ESN calédonienne où j'ai passé l'essentiel de mon temps sur Air360 (détaillé ci-dessus), du front-end jusqu'aux APIs et à l'infrastructure. J'ai aussi créé le front-end d'applications mobiles et web pour d'autres clients, dont une application de suivi des baleines en Angular et Ionic, et fait monter en compétences des profils juniors sur les interfaces.

  4. Expérience

    Porteur de projet

    velo.nc

    Faisant beaucoup de vélo et voyant qu'il y a des choses à améliorer en Nouvelle-Calédonie, je me lance dans une plate-forme permettant de regrouper tout ce qui gravite autour du vélo. Dans un premier temps, une carte avec les pistes cyclables et les points d'accroches. Et plus si affinité.

    Je développe la plate-forme de bout en bout : front-end Nuxt, back-end Supabase (PostgreSQL) et PostGIS pour les données cartographiques.

    Je démarche les associations et l'ADEME, tout le monde est emballé. Le projet commence à se faire connaitre mais au final chacun préfèrera rester de son côté et le projet n'avancera plus.

    Études de cas :velo.nc

  5. Photographie & aventures

    Bikepacking de Vannes à Biarritz

    1000km, calories, os cassé et photos. L'histoire de mon premier trip de bikepacking.

    De retour d'Australie début 2020 en pleine période Covid, avant mon installation en Nouvelle-Calédonie début 2021.

  6. Expérience

    Responsable Front-end

    Plann, Australie

    Startup à Sydney — sur place, anglais au quotidien

    L'équipe avait l'application mobile pour planifier des médias sur Instagram et voulait construire la version web. Ma mission était de créer le front-end (basé sur Vue puis Nuxt) avec l'UI de l'application en tête. D'améliorer l'UX et l'ergonomie en fonction des retours utilisateurs. Guider l'équipe front-end et prioriser les tâches.

    Études de cas :Plann

  7. Expérience

    UI/UX & Front-end Designer — Freelance

    Sportang & TravelMustard

    Deux missions courtes en freelance depuis l'Australie :

    • Sportang : création du front-end complet (ReactJS, Redux) à partir de zéro, en améliorant l'UI et l'UX des maquettes
    • TravelMustard : reprise du front-end existant — restructuration du HTML, passage à SASS et refonte de l'UI/UX

    Études de cas :TravelMustard

  8. Photographie & aventures

    Visa Vacances Travail en Australie

    Australie

    J'ai rencontré de nouvelles personnes, vu de magnifiques paysages, fait des shootings, amélioré mes compétences en édition de photos et vidéos, utilisé un drone pour mes vidéos, ajouté du motion design, ...

  9. Expérience

    UI/UX Designer - Front-end Designer

    Key Consulting

    Les clients confient leur projet à Key Consulting. Ils sont tous faits en interne puis délivrés au client une fois terminés. Pendant que la plupart des ingénieurs travaillent sur un seul projet, j'ai travaillé sur tous en apportant mon expertise UI/UX et Front-end Designer pour créer l'interface et améliorer l'ergonomie. Mon travail était de :

    • Étudier les besoins
    • Création de maquettes (HTML ou image) pour des réponses à appel d'offre
    • Gestion simultanée entre différents projets

    Clients : Total, La Poste, CCI, RATP, CNFPT

    Études de cas :Key Consulting

  10. Expérience

    Graphic Designer - Webdesigner

    C3Challenge | Vainqueur régional avec l'équipe Cycleo

    Le C3Challenge est le tour de France de l'innovation ouverte face aux défis climatiques, qui mobilise citoyens, acteurs publics et privés, experts et étudiants.

    Lors d'un weekend (comme une startup weekend), nous avons créé le début d'une application qui incite les gens à prendre leur vélo pour leur trajet domicile travail. Elle permet entre autre de calculer le nombre de kilomètres parcouru et ainsi donner l'indemnisation financière effective.

    Études de cas :Cycleo

  11. Expérience

    Graphic Designer - Webdesigner

    Startup Weekend Nantes | Participation avec l'équipe Aqapela

    Le but était de créer une startup (fictive et de voyages mystères pour notre équipe) en 54h (libre à nous de continuer dans la vraie vie ensuite). Il fallait faire la totale ! C'est à dire, faire une application mobile, un site web, créer un joli logo, la communication, établir un business plan, un budget, etc.

  12. Photographie & aventures

    Tour de France Photo

    Reportage photo du Tour de France 2014.

  13. Formation

    Certification Microsoft

    HTML5, Javascript et CSS3

  14. Expérience

    Webdesigner - Front-end Designer

    Altran

    La SNCF avait besoin d'une nouvelle application pour gérer les problèmes sur les voies. Après avoir étudié les spécifications fonctionnelles, j'ai créé la maquette puis l'interface de l'application en suivant la charte graphique, avec un travail d'ergonomie pour correspondre aux attentes des utilisateurs.

  15. Formation

    Master

    Maths-STIC parcours Informatique de l'Image et des Réseaux, à l'UBS de Vannes

Et si le prochain chapitre s'écrivait avec vous ?
M'envoyer un message