Restaurant Shift Scheduler.

Build a weekly shift scheduler for Harbor and Vine, a 70 seat neighborhood bistro, used by the floor manager to build next week's schedule and see its labor cost before posting it. Lay out three regions. Top: a summary strip with Projected Weekly Labor at $5,600 against a $5,900 budget with a green under budget note, Scheduled Hours at 372, Overtime Hours at 6 shown red, and Open Shifts at 2. Middle, the heart of the tool: a weekly grid with one column per day, Monday through Sunday, and rows grouped into role sections for Server, Bartender, Host, Line Cook, and Dish. Each employee row shows name, hourly wage, weekly hour total, and a short availability note such as No Sundays or Class until 3 on weekdays. Each day cell holds up to two shift chips labeled in the style of AM 10:00 to 4:00 or PM 4:00 to 10:00, and empty cells show a quiet add affordance. A footer row totals projected labor cost per day, with Friday and Saturday visibly the heaviest. Bottom: a roster panel listing all 14 staff with role, wage, and this week's hours, sorted by hours descending. Seed a roster of 14: five servers at 12 dollars per hour, two bartenders at 14, two hosts at 13, three line cooks at 18 to 21, and two dishwashers at 15, with varied realistic names and availability notes. Seed the current week fully built with about 58 shifts that respect availability, plus last week's shifts so the Copy Last Week button has something real to copy. Line cooks carry the longest weeks and servers the shortest, so the totals land near the summary strip numbers. Plant one deliberate conflict for visitors to find: line cook Marcus Webb is scheduled for 46 hours, so his weekly total and his row read red with an overtime badge, and he tops the roster panel. Behavior: clicking a cell or its add affordance opens a dialog capturing employee, day, AM or PM, and start and end times. Shift cost is wage times hours, and day totals, the week total, and every hour counter recompute immediately. A Copy Last Week button duplicates the prior week's shifts into the current week. Color weekly hour totals green under 35, amber from 35 to 40, red over 40. Editing is for signed in managers only, so the seeded week must look fully published and expose the overtime problem with no interaction at all. Use a teal accent for primary actions, shift chips, and active states on a clean light neutral base, with the tidy feel of a well run pre shift board.