L’Application de Gestion de Congés est une application web interne visant à simplifier et automatiser la gestion des congés au sein de l’entreprise. Elle permet aux employés de soumettre leurs demandes en ligne, aux responsables RH et au Directeur de les valider selon un workflow à double niveau, et à l’équipe IT d’assurer la gestion des utilisateurs et la maintenance du système.
👉 Figma – Maquette de l’application
- Soumission de demandes via un formulaire interactif.
- Workflow de validation multi-niveaux (Employé → RH → Directeur).
- Interface adaptée selon le rôle de l’utilisateur. 🎯 Objectif : Simplifier et structurer la gestion des congés grâce à une validation automatisée.
- Envoi automatique d’e-mails à chaque étape (soumission, approbation, refus).
- Suivi en temps réel de l’état des demandes. 🎯 Objectif : Informer les utilisateurs sans intervention manuelle.
- Dashboards dynamiques pour RH et Directeur.
- Calendrier centralisé affichant les congés approuvés et absences en cours. 🎯 Objectif : Offrir une visibilité claire pour une meilleure organisation des équipes.
- Interface dédiée au rôle IT pour la création, modification et suppression de comptes.
- Formulaire d’ajout de nouveaux utilisateurs avec rôle et département. 🎯 Objectif : Centraliser et sécuriser la gestion des utilisateurs.
- Export PDF des demandes approuvées.
- Export Excel (XLSX) avec filtres (date, statut, utilisateur). 🎯 Objectif : Faciliter l’archivage, l’analyse et le reporting des données RH.
- Interface responsive (ordinateurs, tablettes, mobiles).
- Navigation fluide et intuitive adaptée à tous les rôles. 🎯 Objectif : Offrir une expérience utilisateur agréable et cohérente.
| Catégorie | Technologie / Librairie | Description |
|---|---|---|
| Frontend | Angular 19 (Standalone Components) | Framework moderne pour le développement web SPA. Simplifie l’architecture et la maintenance. |
| Backend / Cloud | Firebase Firestore + Auth | Base de données NoSQL en temps réel et authentification sécurisée. |
| Déploiement | Firebase Hosting | Hébergement rapide et sécurisé avec HTTPS automatique. |
| Emailing | EmailJS | Envoi d’e-mails sans serveur. |
| PDF Export | jsPDF | Génération de documents PDF à partir des données de congés. |
| XLSX Export | SheetJS (xlsx) | Exportation des données RH au format Excel. |
- Base de données NoSQL temps réel pour synchroniser automatiquement les demandes entre les rôles.
- Modèle flexible et évolutif.
- Haute disponibilité et scalabilité sans gestion serveur.
- Hébergement sécurisé, rapide et optimisé pour les applications Angular SPA.
- HTTPS automatique et support du routing Angular via
firebase.json.
- Architecture légère sans
NgModules. - Routing, guards et services pour une séparation claire des rôles (IT, RH, Directeur).
- Formulaires réactifs et intégration fluide avec Firebase.
Le déploiement s’effectue via Firebase Hosting, offrant :
- Configuration et mise en ligne en une commande.
- Prise en charge du SSR (Server-Side Rendering) avec Node.js pour de meilleures performances.
- Gestion automatique du HTTPS, du routing Angular, et de la mise en cache des fichiers statiques.
-
Installer Firebase CLI :
npm install -g firebase-tools
-
Se connecter à Firebase :
firebase login
-
Initialiser le projet :
firebase init
-
Builder et déployer l’application Angular :
ng build firebase deploy
Mohamed Iliass Kaddar 📧 moahmediliassk@gmail.com
Pour un aperçu visuel de l’interface : 👉 Voir sur Figma