Business System

Système de Demandes d'Achat

Plateforme complète de gestion des demandes d'achat avec authentification Gmail sécurisée et workflow d'approbation multi-niveaux

2023
Anabib Company
Web App

Rationaliser les Achats d'Entreprise

Le système de demandes d'achat a été développé pour rationaliser le processus d'approvisionnement chez Anabib, offrant un workflow complet de soumission, validation et suivi des demandes.

L'application intègre une authentification sécurisée via Google OAuth 2.0, garantissant que seuls les utilisateurs autorisés peuvent soumettre ou approuver des demandes selon leur rôle hiérarchique.

Technologies Used

React.js Node.js Firebase Google OAuth MongoDB Chart.js
Tableau de bord des demandes d'achat

Workflow des Demandes

1

Soumission

L'utilisateur connecté via Gmail soumet une demande avec tous les détails

2

Validation

Routage automatique vers le responsable concerné

3

Approbation

Le manager approuve ou rejette avec commentaires

4

Exécution

Transmission au service achats pour traitement

5

Suivi

Statut en temps réel pour toutes les parties


Fonctionnalités Clés

Connexion Sécurisée

Authentification OAuth 2.0 via Gmail avec vérification des domaines et gestion des rôles (RBAC)

Formulaire Intelligent

Saisie guidée avec suggestions, validation en temps réel et pièces jointes

Workflow Configurable

Chaîne d'approbation personnalisable selon la hiérarchie et les montants impliqués

Notifications Temps Réel

Alertes email et push via Firebase Cloud Messaging pour chaque action requise

Analytics & Reporting

Tableaux de bord visuels pour le suivi des dépenses et KPIs d'approvisionnement

Export PDF / Excel

Génération de rapports intégrables dans les systèmes comptables existants


Captures d'Écran


Implémentation Technique

Sécurité

  • Authentification OAuth 2.0 avec Google
  • Vérification des domaines email autorisés
  • Gestion fine des permissions (RBAC)
  • Sessions JWT sécurisées

Backend

  • API RESTful avec Node.js / Express
  • MongoDB pour la flexibilité des données
  • Firebase Cloud Messaging pour les notifs
  • Middleware de validation et logs

Frontend

  • Interface React.js avec Material-UI
  • Formulaires dynamiques avec Formik
  • Visualisations Chart.js
  • Design 100% responsive