Aller au contenu
Kilian Nauleau
Retour à la carte

Atlas des projets

Chaque projet est une feuille de l'atlas : ce qu'il fait, comment je l'ai construit, et où le voir. Le tableau d'assemblage, juste en dessous, mène à chaque feuille.

Tableau d'assemblage

  1. A1AplombApplication pour artisansEn cours
  2. A2Bistrot & CoSite d'un bistrotTerminé
  3. A3WeaveEntraide pour les aidantsTerminé
  4. A4Salles d'escape gameStage, électronique et webTerminé
  5. B1PokéGachaJeu de cartesTerminé
  6. B2Clicker cosmiqueJeu incrémentalEn cours
  1. B3MontfleurySite d'une aubergePrototype
  2. B4Orange BusinessSite vitrineTerminé
  3. C1Gestion d'événementsApplication de bureauTerminé
  4. C2Base d'un bowlingBase de donnéesTerminé
  5. C3Serveur Debian 12Administration systèmeTerminé
  6. C4Prototypes de jeuxJeux 3D sous UnityEn cours

A1

Aplomb

En cours

Année
2026
Cadre
Mon propre produit
Livré
Application web installable et site de présentation
Technologies
React, Vite, PWA

Le site d'Aplomb Essayer l'app

Le tableau de bord d'Aplomb sur ordinateur : le montant à encaisser, les chantiers en cours, l'argent encaissé sur six mois et la liste des choses à faire.
L'accueil d'Aplomb sur téléphone : « Bonjour. Aujourd'hui, un chantier et un rendez-vous. Une chose presse. »
Un devis signé dans Aplomb, avec ses lignes, le total HT, la TVA et le total TTC.

L'application des artisans du bâtiment. Le devis se fait sur le chantier, devant le client, puis devient une facture sans rien retaper.

Chaque matin, l'app dit en une phrase ce qui presse et ce qui reste à encaisser. Elle fonctionne sans réseau, au fond d'une cave comme sur un toit, et les données restent sur le téléphone.

Points forts

  • Le devis signé devient une facture en un geste
  • Tout fonctionne hors ligne : devis, photos, planning
  • Lisible en plein soleil : contraste de 7 pour 1, boutons de 52 pixels au moins
  • Cinq couleurs au choix, en clair comme en sombre

Essayer Aplomb

L'app démarre comme chez un artisan : trois étapes pour présenter l'entreprise (un nom inventé suffit), puis le premier devis, sa signature et la facture.

Touchez l'icône : l'app démarre ici, dans le téléphone.

Ouvrir l'app en plein écran

Lancer Aplomb

A2

Bistrot & Co

Terminé

Année
2026
Cadre
Site vitrine
Langues
Français, anglais, espagnol, italien
Technologies
Astro, Tailwind CSS, GSAP

Voir le site

L'accueil du site Bistrot & Co : « Une maison de bouche rue de Bourgogne », avec la fiche du poulet rôti à la rôtissoire.
La première étape de la réservation sur téléphone : la date et le nombre de convives.

Le site d'un bistrot du 9ᵉ arrondissement de Lyon : la carte, la cave, la galerie et la réservation en ligne.

Points forts

  • Réservation en trois étapes, avec un e-mail de confirmation immédiat
  • La carte se filtre par type de plat
  • Quatre langues, et un indicateur qui affiche le service en cours
  • Des animations au défilement, discrètes et fluides

A3

Weave

Terminé

Cadre
Projet d'équipe
Technologies
React 19, Node.js, PostgreSQL, Docker, JWT, Android Studio
L'accueil de Weave sur ordinateur : « Bienvenue sur Weave, la plateforme d'entraide bienveillante pour coordonner le soin de vos proches ».
L'accueil de l'application mobile.
Les discussions du cercle d'aidants.
Le planning partagé des tâches.

Une plateforme d'entraide pour les personnes en perte d'autonomie : familles, voisins et bénévoles s'y organisent pour les courses, les visites et le soutien moral.

Architecture et logique

  • Gestion des quotas. Une vérification en temps réel évite que plusieurs bénévoles prennent la même tâche.
  • Escalade automatique. Si l'aidant principal ne répond pas dans l'heure lors d'un incident, le système prévient un contact de confiance.
  • Confidentialité dès la conception. Chiffrement des données sensibles et accès selon les rôles.
  • Invitation par lien. Des liens d'invitation uniques gardent le cercle d'aidants confidentiel.
  • Notifications. Des notifications instantanées sur mobile, pour suivre où que l'on soit.

Mon rôle

  • Version mobile. L'empaquetage et l'intégration mobile, pour une expérience proche d'une app native.
  • Notifications. La logique des alertes push et e-mail, y compris les déclencheurs d'incident critique.
  • Modélisation. Les user stories et les cas d'utilisation des modules principaux.
  • Maquettes haute fidélité. Les interfaces mobile et ordinateur, pensées pour être accessibles aux personnes âgées.

A4

Salles d'escape game

Terminé

Cadre
Stage
Technologies
Python, C++, Arduino, Raspberry Pi, JavaScript, électronique
Les énigmes Arduino et C++ : fusibles, boutons, verrous magnétiques
Le serveur Python asynchrone sur Raspberry Pi : l'état de chaque énigme
La régie Le tableau de bord du maître du jeu, en JavaScript
Chaque énigme envoie son état au serveur, qui le transmet à la régie ; les ordres de la régie font le chemin inverse.

L'automatisation de salles d'escape game : des énigmes physiques reliées à un tableau de bord web, pour que le maître du jeu suive et pilote tout depuis la régie.

Matériel et mécanique

  • Architecture logicielle et backend. Un backend Python asynchrone et modulaire, en WebSocket, entre les modules matériels en C++ et le tableau de bord web, avec une gestion d'état robuste et une logique de sécurité pour chaque élément interactif.
  • Énigmes embarquées. Des énigmes physiques à déclencheurs électroniques, par exemple une porte magnétique qui s'ouvre quand les joueurs résolvent un tableau à fusibles.
  • Interfaces physiques sur mesure. Des jeux numériques adaptés à des contrôleurs matériels, par exemple un mini-jeu d'arcade rétro sur un panneau robuste à trois boutons.

Logiciel et réseau

  • Contrôle à distance. Des commandes en temps réel depuis l'interface du maître du jeu, par exemple pour forcer l'ouverture d'un verrou magnétique.
  • Télémétrie et suivi d'état. La progression des joueurs suivie en direct, par exemple pour valider à distance la victoire d'un mini-jeu depuis la régie.
  • Automatisation du cycle de vie. Des scripts pour lancer les parties, gérer les sessions et remettre la salle à zéro entre deux groupes.

B1

PokéGacha

Terminé

Technologies
JavaScript, API TCGdex, HTML/CSS

Jouer à PokéGacha

Le choix de l'extension et des boosters dans PokéGacha.

Un simulateur de jeu de cartes à collectionner dans l'univers Pokémon, avec une économie virtuelle de type gacha : on ouvre des boosters, on complète des séries et on revend ses cartes selon leur valeur estimée sur le marché réel.

Points forts

  • Génération réaliste des boosters
  • Système d'économie et de progression
  • Collection et échange de cartes
  • Connexion à l'API TCGdex

B2

Clicker cosmique

En cours

Technologies
JavaScript, game design, HTML/CSS
L'interface du jeu clicker, avec les ressources et les bâtiments.

La conception et le développement d'un jeu « clicker / prestige » sur le thème du cosmos, avec une boucle temporelle, des bâtiments à améliorer et une gestion de ressources poussée.

Points forts

  • Moteur de jeu maison
  • Système de prestige
  • Événements et choix moraux générés dynamiquement
  • Un large choix de bâtiments et d'améliorations

Les autres projets, en bref

B3

Montfleury

Prototype

Cadre
Projet pour une auberge
Technologies
HTML, CSS, JavaScript, PHP

Le prototype du site web d'une auberge, réalisé en HTML, CSS, JavaScript et PHP.

L'auberge ne l'a finalement pas utilisé : le projet est resté au stade de prototype.

B4

Site vitrine pour Orange Business

Terminé

Technologies
HTML, CSS, JavaScript

Un site vitrine moderne et responsive pour Orange Business, qui présente les services de l'entreprise avec un design épuré et une navigation simple.

Points forts

  • Design moderne et professionnel
  • 100 % responsive : téléphone, tablette, ordinateur
  • Animations fluides et interactives

C1

Application de gestion d'événements

Terminé

Technologies
JavaFX, SceneBuilder, CSS, sauvegarde en CSV

Une application complète pour créer, organiser et suivre ses événements, avec un système d'inscription, de notification et de gestion des participants.

Fonctionnalités

  • Création et gestion de parties
  • Gestion d'inventaire
  • Gestion des participants et des inscriptions

C2

Base de données pour un bowling

Terminé

Technologies
PostgreSQL, SQL, conception de bases de données

La conception et la mise en place d'une base de données complète pour gérer un bowling : réservations, clients et statistiques.

Architecture

  • Gestion des clients et des réservations
  • Suivi des stocks
  • Sécurité et droits d'accès

C3

Installation d'un serveur Debian 12

Terminé

Technologies
Debian 12, Linux, Apache, SSL

La configuration complète d'un serveur Debian 12 pour héberger des applications web : sécurité, services essentiels et automatisation.

Configuration

  • Installation et sécurisation du système
  • Configuration SSL
  • Scripts d'automatisation et de sauvegarde

C4

Prototypes de jeux

En cours

Cadre
Projet personnel
Technologies
C#, Unity, game design

Plusieurs prototypes pour explorer le développement de jeux vidéo, en essayant différents moteurs et langages pour créer des mécaniques de jeu originales.

Prototypes

  • FPS 3D en ligne
  • Animation et assets
  • Scripting
  • Bases du multijoueur

Un projet en tête ? Je prends des sites et des applications en indépendant.

Me contacter Revenir à la carte

Édition 2026

Grenoble et ses trois massifs

Portfolio de Kilian Nauleau, en course d'orientation

Légende

  • Balise : une section du portfolio, sur un monument de Grenoble
  • Rivières et lacs
  • Forêts, aux couleurs de la saison
  • Villes et villages
  • Autoroutes ; voie ferrée en tirets
  • Lumières des communes, la nuit
  • Courbe de niveau, tous les 100 m
  • Courbe maîtresse, tous les 500 m

36 km de côté. Relief exagéré 1,7 fois ; arbres et monuments agrandis, comme sur les plans-reliefs.

Sources

  • Relief : EU-DEM, programme Copernicus de l'Union européenne, via les tuiles Terrain de Mapzen (AWS Open Data)
  • Rivières, routes, forêts, villes et monuments : OpenStreetMap, © les contributeurs d'OpenStreetMap (licence ODbL)
  • Position du soleil : formules de SunCalc (Vladimir Agafonkin), d'après l'Astronomical Almanac

Fabrication

  • Conception et développement : Kilian Nauleau
  • Rendu 3D : three.js, licence MIT
  • Typographie : Archivo, d'Omnibus-Type, licence SIL Open Font
  • Icônes, drones et monuments : dessinés pour ce portfolio
  • Hébergement : alwaysdata

Informations légales

Mentions légales

Éditeur

Kilian Nauleau, entrepreneur individuel (micro-entreprise), Grenoble (Isère). SIRET : 131 151 771 00014. Directeur de la publication : Kilian Nauleau. Contact : nauleaukilian22@gmail.com, ou le formulaire de la section Contact.

Hébergement

ALWAYSDATA, SARL, 91 rue du Faubourg Saint-Honoré, 75008 Paris, France (alwaysdata.com).

Propriété intellectuelle

Les textes, visuels, icônes et le code de ce site appartiennent à Kilian Nauleau, sauf les éléments listés dans les crédits (relief, données OpenStreetMap, three.js, police Archivo), qui restent sous leur propre licence. Toute reproduction sans accord est interdite.

Données personnelles

Ce que vous écrivez dans le formulaire de contact sert uniquement à vous répondre : le message m'est transmis par e-mail, il n'est enregistré dans aucune base de données, ni revendu, ni utilisé pour de la publicité. Pour le faire effacer, écrivez-moi par le même formulaire. Le formulaire utilise reCAPTCHA, de Google, pour bloquer les robots : ce service n'est chargé qu'au moment où vous remplissez le formulaire, et il applique les règles de confidentialité et les conditions d'utilisation de Google.

Cookies et stockage

Ce site ne dépose aucun cookie de mesure d'audience ni de publicité. Il garde seulement dans votre navigateur vos préférences (langue, jour ou nuit, balises déjà poinçonnées), que vous pouvez effacer à tout moment depuis les réglages du navigateur.