Aller au contenu
Tous les projets
v2 (sur 3 versions prévues) · 2026

HomeStock

Application mobile de gestion d'inventaire personnel : une gestion de stock, mais pour les objets de la maison, avec une base de données stockée sur le téléphone.

Année
2026
Cadre
Apprendre React Native
Technologies
  • React Native
  • Expo
  • TypeScript
  • SQLite
L'icône de HomeStock et trois écrans de l'application sur téléphone

01 · Contexte

Le défi

Projet personnel pour garder une trace de ce que je possède, et surtout pour apprendre React Native : chaque version apporte de nouvelles notions, et la v2 est la première pleinement fonctionnelle. On y ajoute, modifie et supprime des objets (nom, référence, quantité, catégorie), on les classe par catégorie, que l'on crée et gère aussi depuis l'application, et on les filtre par catégorie, avec le nombre d'objets de chacune. Une recherche retrouve un objet par son nom ou sa référence, et une fiche en donne le détail. Les données restent sur le téléphone, dans une base SQLite créée au premier lancement et rechargée à chaque démarrage. Côté code, l'écran, l'état global et l'accès à la base sont séparés : les écrans lisent un contexte global, qui passe par des repositories pour parler à SQLite. La v3 prévoit des comptes, une API REST, la synchronisation entre appareils, plusieurs inventaires par utilisateur, un tableau de bord et un historique des modifications.

02 · Architecture

Comment c'est construit

Schéma de HomeStock : les écrans et leurs composants, le contexte global AppContext, les repositories de produits et de catégories, la base SQLite sur le téléphone avec ses deux tables, et ce que fait l'application au lancement
Les écrans lisent un contexte global, qui passe par des repositories pour parler à la base SQLite

Les points clés

  • Gestion complète des produits et des catégories : ajout, modification, suppression
  • Filtrage par catégorie, avec le nombre d'objets de chacune, et recherche par nom ou référence
  • Application mobile React Native / Expo en TypeScript, pour iOS et Android
  • Données stockées sur le téléphone avec SQLite, sans connexion
  • Architecture par responsabilités : écrans, contexte global, repositories
  • Prochaine version prévue : comptes, API REST et synchronisation entre appareils

03 · En images

Galerie

Cliquer sur une image l'ouvre en plein écran, avec navigation entre les captures.

04 · Bilan

Ce que j'en retire

J'ai appris à construire une application mobile complète avec React Native : une architecture en couches (écrans, contexte global, repositories), la navigation, un état partagé avec la Context API, et une base SQLite sur le téléphone avec un CRUD complet. Chaque version m'a fait découvrir de nouvelles notions, et la v3 sera l'occasion de passer à une architecture client/serveur.