← Back to Portfolio
Portfolio Project

Hospitality Staff Roster Tool

A practical roster planner for hospitality teams. Add staff members, create weekly shifts, track rostered hours and estimate labour cost.

HTML CSS JavaScript Local Storage
Roster Week No week selected

Set up your roster week to begin.

👥 Staff
0

Team members saved.

📅 Shifts
0

Total rostered shifts.

⏱️ Hours
0h

Total rostered hours.

💵 Labour Cost
$0.00

Estimated roster cost.

Step 1

Roster setup

Set the week name and optional labour budget for this roster.

Step 2

Add staff member

Add team members with role and hourly rate.

Step 3

Add shift

Assign shifts to staff members and calculate rostered hours automatically.

Dashboard

Roster overview

Budget Status No budget

Set a labour budget to track cost.

Average Shift 0h

Average rostered shift length.

Busiest Day No shifts

Day with the most rostered hours.

Roster Health Set roster first

Add staff and shifts to review the roster.

Team

Staff list

Name Role Rate Hours Cost Action
No staff added yet.
Weekly roster

Shift list

Day Staff Area Time Hours Cost Action
No shifts added yet.