A web application for employee shift scheduling with drag-and-drop functionality. Built using Vue.js 3 with Bootstrap for the frontend and PHP/MySQL for backend persistence. Designed as part of a group project to streamline workforce management.
- Drag-and-Drop Scheduling – assign employees to shifts by dragging them onto the schedule grid.
- Shift Popup – enter shift details (start/end time, duration) when assigning.
- Shift Blocks – dynamically sized and displayed based on shift duration.
- Update & Delete – click a shift to edit or remove it, synced with database.
- Worker Dashboard – employees can view their assigned shifts.
- Responsive Design – works on desktop and tablet layouts.
- Frontend: Vue.js 3, Bootstrap 5
- Backend: PHP
- Database: MySQL
- Tools: Git, npm, XAMPP/MAMP (for local dev)
git clone https://github.com/yourusername/shift-scheduler.git
cd shift-scheduler
### 🔹 Frontend (Vue.js)
```bash
cd frontend
npm install
npm run serve