# WMS - Worker Management System
**Powered By: JA Square** **Author:** Salim Nazir (salnazi@gmail.com)

A robust, mobile-responsive web application designed for secure worker enrollment, identity verification, and automated attendance tracking using QR technology.

---

## 🚀 Key Features

### 1. Advanced Worker Enrollment
- Integrated **JS Camera API** for capturing live profile selfies.
- Automatic backend storage for worker identity photos.
- Data validation for worker roles and unique identifiers.

### 2. Digital Identity Credentials
- **Landscape School-Style ID Cards**: Professional dark-themed identity cards.
- **Symmetrical Design**: 1:1 ratio for Profile Photos and QR codes (130px).
- **QR Integration**: Real-time generation of worker-specific QR tokens for contactless scanning.

### 3. Responsive UI/UX
- **Mobile-First Sidebar**: Off-canvas sliding menu with a custom hamburger toggle.
- **Auto-Adaptation**: System headers and breadcrumbs automatically hide on mobile to prioritize ID visibility.
- **Print Optimization**: CSS media queries configured for high-quality landscape badge printing.

---

## 📁 Project Structure

```text
/worker-management-system
├── /admin
│ ├── dashboard.php # Admin overview & stats
│ ├── register_worker.php # Enrollment with photo capture
│ └── manage_workers.php # Staff directory
├── /worker
│ ├── dashboard.php # Worker landing page
│ └── profile.php # QR Identity Card (Landscape)
├── /config
│ └── db_connection.php # MySQLi database config
├── /includes
│ ├── header.php # Global head & mobile hide logic
│ ├── leftbar.php # Responsive sidebar & menu toggle
│ ├── functions.php # Global UI renderers
│ └── session_handler.php # Role-based access control
└── /assets
├── /css # Custom system styling
├── /js # QR and Camera logic
└── /uploads # Worker profile photos