Fiche de Présentation - Application de Gestion de Stock
Vue d'Ensemble
Nom de l'Application : Gestion de Stock
Type : Application Web Monopage (HTML, CSS, JavaScript)
Public Cible : PME, Commerçants, Gestionnaires de stock
Format de Date : JJ/MM/AAAA
Fonctionnalités Principales
1. Sécurité et Accès
• Protection par code d'accès personnalisable
• Session utilisateur sécurisée
• Déconnexion manuelle
• Message d'erreur en cas de code incorrect
2. Tableau de Bord Complet
Statistiques en Temps Réel
• Ventes journalières (chiffre d'affaires du jour)
• Ventes mensuelles (cumul du mois en cours)
• Ventes annuelles (cumul de l'année en cours)
• Nombre d'alertes de stock actives
Graphiques Interactifs
• Graphique linéaire : Évolution des ventes sur 6 mois
• Graphique à barres : Top 5 des produits les plus vendus
• Mise à jour automatique après chaque opération
Tableaux de Synthèse
• Produits les plus vendus et retournés :
o Liste des produits avec volumes de vente et retours
o Tri par volume de ventes décroissant
• Alertes de stock :
o Liste visuelle des produits en rupture imminente
o Affichage du stock actuel vs stock minimum
3. Gestion des Articles
Fiche Article Complète
• Code produit unique
• Nom et description détaillée
• Catégorie et fournisseur
• Prix d'achat et prix de vente (MRU)
• Stock minimum d'alerte
Opérations sur les Articles
• Ajout de nouveaux articles
• Modification complète des informations
• Suppression avec confirmation
• Recherche en temps réel (par code, nom, catégorie)
4. Gestion des Ventes
Enregistrement des Ventes
• Date de la vente (format JJ/MM/AAAA)
• Numéro de facture unique
• Sélection du produit via liste déroulante
• Quantité vendue
• Prix unitaire de vente
• Informations client
• Mode de paiement (Espèces, Carte, Virement, Chèque)
Historique et Consultation
• Liste complète de toutes les ventes
• Affichage des détails complets par vente
• Filtrage par date
• Calcul automatique du montant total par vente
 
5. Gestion du Stock
Suivi Automatique
• Quantité disponible calculée automatiquement
• Référence au stock minimum
• Statut visuel (Normal/Alerte)
• Mise à jour en temps réel après chaque opération
Système d'Alerte
• Alertes visuelles pour stocks critiques
• Indicateur couleur (vert/rouge)
• Liste dédiée dans le tableau de bord
6. Gestion des Retours
Traçabilité Complète
• Date du retour
• Lien vers la vente originale (numéro de facture)
• Produit concerné
• Fournisseur
• Quantité retournée
• Motif du retour
7. Gestion des Achats
Réapprovisionnement
• Date d'achat
• Fournisseur
• Produit acheté
• Quantité ajoutée au stock
• Prix d'achat unitaire
 
Fonctionnement Technique
Calcul Automatique du Stock
Stock disponible = (Total achats) - (Total ventes) + (Total retours)
Mise à Jour en Temps Réel
• Stock recalculé après chaque vente, achat ou retour
• Tableau de bord actualisé automatiquement
• Alertes recalculées instantanément
Persistance des Données
• Stockage local dans le navigateur (localStorage)
• Données conservées entre les sessions
• Export/Import possible via sauvegarde manuelle

Interface Utilisateur
Design et Ergonomie
• Interface responsive (adaptable mobile/desktop)
• Navigation latérale intuitive
• Cartes de statistiques visuelles
• Couleurs distinctives par statut
• Modaux pour les formulaires
• Tables avec tri et recherche
Expérience Utilisateur
• Messages de confirmation
• Alertes contextuelles
• Chargement instantané des données
• Interface en français
 
Technologies Utilisées
Frontend
• HTML5 : Structure sémantique
• CSS3 : Styles responsive avec variables CSS
• JavaScript Vanilla : Logique métier
• Bootstrap 5 : Framework UI
• Chart.js : Graphiques interactifs
Stockage
• localStorage : Persistance des données
• JSON : Format de données structuré

Métriques et Reporting
Indicateurs Clés (KPI)
• Chiffre d'affaires (journalier, mensuel, annuel)
• Produits les plus vendus
• Taux de retour par produit
• Niveau de service stock
Périodes de Référence
• Semestrielle : Janvier-Juin / Juillet-Décembre
• Mensuelle : Mois calendaire complet
• Journalière : Date du jour
Sécurité des Données
Mesures Implémentées
• Accès protégé par code
• Données stockées localement
• Aucune transmission externe
• Validation côté client
 
Installation et Utilisation
Prérequis
• Navigateur web moderne
• JavaScript activé
• Résolution d'écran minimum 1024x768
Démarrage
1. Ouvrir le fichier HTML dans un navigateur
2. Saisir le code d'accès (défaut : 1234)
3. Commencer la gestion du stock
Personnalisation
• Modification du code d'accès dans le code source
• Adaptation des devises possibles
• Personnalisation des catégories et fournisseurs

Cas d'Usage Typiques
Pour un Commerçant
• Suivre les ventes en temps réel
• Gérer les réapprovisionnements
• Identifier les produits populaires
• Anticiper les ruptures de stock
Pour un Gestionnaire
• Analyser la performance commerciale
• Optimiser les niveaux de stock
• Réduire les invendus
• Améliorer la trésorerie
 
Avantages Clés
Immédiats
• Gratuit : Aucun coût d'abonnement
• Local : Données stockées en local
• Simple : Interface intuitive
• Rapide : Mise en œuvre immédiate
Stratégiques
• Décisionnel : Tableaux de bord en temps réel
• Productivité : Automatisation des calculs
• Fiabilité : Données toujours à jour
• Évolutif : Structure modulaire

Cette application répond aux besoins spécifiques de gestion de stock avec une approche moderne, intuitive et complète, tout en restant accessible techniquement et financièrement.
Une demo en ligne est disponible avant achat.

PS
Je m'appelle Youba, je suis de la Mauritanie où je vie et travail comme freelance. Je suis développeur d'application web (site internet, application web, base de données). Toutes mes applications sont développé par mes soins.
Pour cette application, vous allez recevoir un fichier au format HTML, un seul fichier qui contient tout le code source de l'application. Vous aurez juste à copier et coller le fichier dans un dossier de votre pc et le lancer.