Application web interactive de gestion visuelle du personnel permettant d'ajouter, déplacer ou supprimer des employés sur un plan d'étage en temps réel.
- ✅ Gestion visuelle des employés sur plan d'étage
- ✅ Restrictions intelligentes par rôle et zone
- ✅ Interface responsive (desktop, tablette, mobile)
- ✅ Ajout/suppression d'employés en temps réel
- ✅ Validation automatique des règles métier
- 🚫 Réception → Uniquement Réceptionnistes
- 🖥️ Salle serveurs → Uniquement Techniciens IT
- 🔒 Salle sécurité → Uniquement Agents de sécurité
- 👑 Manager → Accès à toutes les zones
- 🧹 Nettoyage → Partout sauf Archives
- Frontend : HTML5, CSS3, JavaScript vanilla
- Layout : CSS Grid & Flexbox
- Responsive : Mobile-first design
- Stockage : LocalStorage
WorkSphere/
├── index.html
├── css/
│ ├── style.css
│ ├── responsive.css
│ └── animations.css
├── js/
│ ├── app.js
│ ├── employees.js
│ ├── zones.js
│ └── storage.js
├── assets/
│ ├── images/
│ └── icons/
└── README.md
# Cloner le repository
git clone https://github.com/ayanakkabi1/Workspher-project.git
# Ouvrir l'application
cd WorkSphere-Virtual-Workspace
# Ouvrir index.html dans un navigateur- Mobile : ≤ 767px
- Tablette : 768px - 1023px
- Desktop : ≥ 1024px
- Couleurs : Palette moderne avec vert, orange, rouge
- Typographie : Police moderne et lisible
- Animations : Transitions CSS fluides
- Icônes : Système d'icônes intuitif
- Drag & Drop des employés
- Validation en temps réel
- Stockage local des données
- Recherche et filtrage
- Profils détaillés employés
- Salle de conférence
- Réception
- Salle des serveurs
- Salle de sécurité
- Salle du personnel
- Salle d'archives
- Manager
- Réceptionniste
- Technicien IT
- Agent de sécurité
- Personnel de nettoyage
- Développeur
- Designer
Chaque employé ne peut être placé que dans les zones autorisées selon son rôle, avec des limites de capacité par zone.