ShopManager — Application web multilingue pour gestion commerciale
ShopManager est une application web en production orientée vers la gestion quotidienne d'un commerce.
Elle centralise les entités maîtres, les documents opérationnels, le stock, la caisse et les rapports dans une interface web unique.
L'application permet une personnalisation par utilisateur, incluant le choix de langue et de thème visuel, et consomme une API backend propre qui applique les règles métier.
Le problème
Dans de nombreux petits et moyens commerces, la gestion quotidienne s'appuie sur :
- des tableurs,
- des outils déconnectés,
- des processus manuels sans contrôle d'état,
- et l'absence d'une vision unifiée de l'activité.
Cela provoque des erreurs, des doublons d'information et des difficultés à opérer de façon fiable.
La solution
J'ai développé une application web de gestion commerciale qui agit comme point unique d'opération, organisant le domaine métier en modules clairs et cohérents.
L'application sépare strictement :
- interface utilisateur,
- logique métier (backend),
- et persistance des données,
permettant de faire évoluer chaque partie indépendamment.
Fonctionnalités principales
Gestion des entités
Administration des maîtres du système :
- Utilisateurs
- Produits
- Clients
- Fournisseurs
Inclut les opérations de création, édition et suppression, avec contrôle d'accès par rôle.
Documents métier
Gestion complète des documents opérationnels :
- Bons de livraison d'achat
- Bons de livraison de vente
- Dépôts de stock
- Transferts de cash
Chaque document suit un flux clair :
- création en brouillon,
- gestion des lignes,
- confirmation,
- et application automatique des effets sur le stock et la caisse.
Stock et caisse
L'application permet :
- gérer les emplacements de stock,
- déplacer le stock entre emplacements,
- gérer les comptes de caisse,
- et enregistrer les transferts de cash.
Le tout en cohérence avec les documents métier.
Rapports
Module de rapports pour une consultation rapide de :
- achats,
- ventes,
- transferts de cash,
- dépôts de stock.
Pensé pour obtenir une vision opérationnelle immédiate de l'état de l'activité.
Profil utilisateur, langue et thème
Chaque utilisateur dispose d'un profil configurable avec :
- mise à jour des données du compte,
- changement de mot de passe,
- sélection de la langue de l'interface,
- sélection du thème visuel.
Actuellement l'application supporte :
- Langues : Espagnol, Anglais et Français
- Thèmes : Clair et Sombre (architecture prête à élargir la liste)
Les préférences sont sauvegardées par utilisateur et appliquées automatiquement dans toute l'application.
Architecture frontend
- Application SPA
- Navigation structurée par sections : Accueil, Entités, Documents, Rapports, Profil
- Consommation exclusive de l'API backend ShopManager
- Frontend découplé de la logique métier
- Gestion d'état globale avec Pinia.
Stack technique
- Framework frontend : Vue 3 + Vite
- Routage : Vue Router
- Communication API : Axios
- Gestion visuelle : composants propres
- Déploiement : Netlify
Opérations et déploiement
- Application déployée sur Netlify
- Build automatique depuis le dépôt GitHub
- Configuration via variables d'environnement
Ce que démontre ce projet
Ce projet démontre ma capacité à :
- Concevoir des applications de gestion complètes
- Implémenter le multilingue et la personnalisation par utilisateur
- Traduire des règles métier en flux UI clairs
- Intégrer le frontend avec ses propres APIs
- Exploiter des logiciels réels en production
- Construire des systèmes prêts à grandir et évoluer
Images du projet
- 1. Tableau de bord — vue générale de l'application
- 2. Gestion des entités — utilisateurs, produits, clients et fournisseurs
- 3. Documents métier — bons de livraison et mouvements
- 4. Profil utilisateur (langue et thème)
- 5. Rapports
(captures réelles déjà fournies)





