Le problème
Un client demande un humidificateur, un pyjama enfant ou un lit d'appoint : encore faut-il savoir où il est rangé. L'information existait dans un tableur Excel et une liste de prêt sous Word, peu pratiques sur un téléphone, au milieu d'un couloir.
Ce que fait l'appli
- Recherche tolérante (fautes de frappe, pleine / demi-chasse, mots-clés cachés en japonais) sur les 91 objets de l'inventaire, avec les demandes les plus fréquentes en raccourcis.
- Chemin en trois temps : étage → zone → emplacement exact, avec photo de l'objet quand elle existe et état du stock (en stock, bas, épuisé, en déplacement).
- Annuaire des étages façon colonne d'ascenseur et « Vous êtes au… » : l'appli calcule le trajet depuis votre étage, avec la montée de l'ascenseur en animation signature.
- Interface anglais / japonais, thème clair / sombre, liens directs vers un objet (
#hair-dryer), objets consultés récemment, copie de l'emplacement, appli installable et utilisable hors ligne.
Sous le capot
Next.js 16 (App Router, page pré-rendue en statique), TypeScript strict, Tailwind CSS 4, Motion et des composants Magic UI. Toute la logique (recherche, filtres, étages) est dans des fonctions pures testées avec Vitest, et TypeScript refuse un objet incomplet ou une catégorie sans pictogramme. L'inventaire fusionne la feuille de passation et le tableur de l'équipe.
La démo
Pas de base de données ici : l'inventaire est compilé dans l'appli. La démo est un export statique complet, fidèle à la version utilisée sur le terrain.
