Pierre Hérault

Le projet

A2S Project est un cabinet d'architecture installé à Magalas. Il accompagne particuliers et professionnels dans leurs projets de construction et de rénovation : permis de construire, déclarations préalables, avant-projets.

Le cabinet avait déjà un site, mais il ressemblait à tous ceux du secteur. Ma mission : lui donner une présence numérique qui se démarque, du site web jusqu'aux outils du quotidien, avec un budget quasi nul.

Site web

• Veille sur une vingtaine de sites du secteur avant de proposer une direction
• Scène 3D en Three.js : une première version trop « jeu vidéo » abandonnée, puis une seconde avec palette chaude, éclairage doux et textures réalistes, validée par le cabinet
• Sept sections navigables depuis la scène : accueil, présentation, prestations, valeurs, réalisations avec galerie, engagement et contact
• Formulaire de contact avec EmailJS, sans serveur
• Mise en ligne sur OVH, domaine a2sproject34.com et redirections .htaccess

Cartouche & Facture

• Application web locale qui remplace Word et Excel pour les documents du cabinet
• Cinq modules : devis, factures, cartouches de déclaration préalable, cartouches de permis de construire et avant-projets
• Formulaires préremplis et PDF généré en un clic avec jsPDF : logo, tableaux de calcul, mentions légales
• Sauvegarde locale des devis et factures, export et import JSON des cartouches
• Outil utilisé au quotidien par le cabinet

Autres missions

• Cinq insertions 3D sous Photoshop : la future maison du client intégrée sur la photo de son terrain, avec perspective, lumière et ombres cohérentes
• Nouvelle carte de visite sur Figma, au format paysage avec un plan d'architecte en filigrane, imprimée et distribuée
• Vidéo de présentation du cabinet : guide d'entretien, tournage avec le matériel de l'IUT et montage
• Création de la fiche Google du cabinet

Défis

Obtenir une 3D sobre et professionnelle, sans rendu de jeu vidéo : j'ai repris la scène de zéro et retravaillé matériaux, lumières et proportions.

Produire des PDF prêts à imprimer avec jsPDF, réglés au pixel près, puis faire fonctionner les redirections du site sur le serveur OVH.

Travailler sans cahier des charges : proposer moi-même les directions créatives, les argumenter et les faire valider.

Le projet

FeverMeme est un jeu de parkour en sept niveaux qui se déroule dans les poolrooms, ces piscines liminales sans fin devenues un mème sur internet.

Le jeu tourne directement dans le navigateur, sans installation.

Mon rôle

Projet personnel : j'ai conçu les niveaux, développé le jeu en Three.js et l'ai mis en ligne sur GitHub Pages.

Réalisé

• Sept niveaux de parkour jouables
• Ambiance poolrooms recréée en 3D temps réel
• Jeu déployé sur GitHub Pages
• Code source public sur GitHub

Bilan

C'est l'un de mes premiers gros projets Three.js. Je l'ai utilisé lors de ma soutenance de BUT pour montrer l'évolution de la qualité de mon code, en le comparant au site réalisé plus tard pour A2S Project.

Le projet

MD to PDF transforme un fichier Markdown en PDF soigné.

La mise en forme s'appuie sur qwen2.5, un modèle de langage qui tourne en local grâce à Ollama : le document n'est jamais envoyé à un service externe.

Mon rôle

J'ai développé l'application de bout en bout : l'interface, la connexion au modèle local et la génération du PDF.

Réalisé

• Conversion d'un fichier Markdown en PDF
• Connexion à un modèle local avec Ollama
• Interface néo-brutaliste organisée en plusieurs fichiers
• Export PDF par l'impression native du navigateur

Défi

La première version générait le PDF avec html2canvas, mais le rendu échouait.

J'ai remplacé cette étape par l'impression PDF native du navigateur : plus fiable, et le texte reste net puisqu'il n'est plus converti en image.

Le projet

FLOAT aide chacun à reprendre la main sur ses données personnelles en demandant leur suppression aux courtiers en données, les data brokers, comme le permet le RGPD.

Mon rôle

Développeur front au sein de l'équipe.

J'ai pris en charge les pages Brokers et Notifications, et participé au travail transversal sur le profil utilisateur.

Réalisé

• Page Brokers
• Page Notifications
• Contributions au profil utilisateur
• Interface en React et TypeScript avec Vite, Tailwind et shadcn/ui

Défi

Travailler à plusieurs sur le même dépôt Git : pull requests envoyées sur la mauvaise branche, conflits de fusion à résoudre.

Quand certains endpoints du back n'étaient pas encore prêts, j'ai simulé les données avec le localStorage pour ne pas bloquer le front.

Le projet

La Parodie génère de faux articles de presse parodiques grâce à l'API Gemini de Google.

Mon rôle

J'ai développé l'application en Laravel, intégré l'API Gemini et conçu l'interface.

Réalisé

• Application web en Laravel
• Génération des articles avec l'API Gemini
• Interface inspirée du Liquid Glass d'Apple

Le projet

Explore Béziers est une application mobile pour découvrir la ville et ses lieux, à travers un carrousel et des écrans animés.

Mon rôle

J'ai développé l'application en Flutter et je l'ai testée sur un iPhone.

Réalisé

• Navigation entre les écrans avec GoRouter
• Carrousel de lieux avec PageView
• Animations implicites Flutter
• Tests sur un iPhone réel

Le projet

Un bot Discord que j'ai créé en m'appuyant sur plusieurs API externes, hébergé sur Railway pour rester disponible en continu.

Mon rôle

Projet personnel : j'ai développé le bot, connecté les différentes API et géré sa mise en ligne sur Railway.

Réalisé

• Bot Discord fonctionnel
• Intégration de plusieurs API externes
• Hébergement continu sur Railway
• Code source sur GitHub