Server Rotation

Crab City - Odessa

What is Server Rotation?

Server Rotation is a modern and efficient solution designed to streamline table rotations for employees at local restaurant, Crab City.

Experience the application live: Deployed Link

Table of Contents

• What is Server Rotation?
• Demonstration
• User Story
• Key Features
  • Add a Server
  • View Next Available Server
  • Server Queue
  • Server Table
    • Name
    • Small Tops
    • Assign Small
    • Big Tops
    • Assign Big
      • Return
    • Skip
    • Break
      • Break Over
    • Clock Out
  • Reset
• Installation
• Screenshots & Usage
  • Add Server
  • Breakdown of Table Features
• Wireframe
• Contact

Demonstration

User Story

At local Odessa restaurant, Crab City, the current system of using a dry-erase board for server rotation was not efficient, especially during peak hours, leading to various operational challenges.

As a restaurant owner, the need for a digital solution to enhance customer and server experience became evident. Server Rotation addresses these challenges and provides employees with an efficient system to keep track of table rotation.

Key Features

Add a Server

• Input name of server
• Optional radio button for server-in-training
• Upon submit, server is added to end of queue

View Next Available Server

• Name of next available server displays below input
• Does not display servers who are disabled or on-break

Server Queue

• Table reflects order of queue with next server displaying at top
• Once server is assigned a table, they are moved to end of queue
• Servers on-break are removed from queue and placed at bottom of table

Server Table

Name

• Displays server name
• Server-in-training displays in blue

Small Tops

• Displays running count of small top tables assigned during current shift

Assign Small

• When pressed, small top count is incremented by one
• Server moved to end of queue

Big Tops

• Displays running count of big top tables assigned during current shift
• Does not appear for server-in-training as they are not ready to handle larger parties yet

Assign Big

• When pressed, big top count is incremented by one
• Server moved to end of queue
• Server 'disabled' to account for the time needed to manage a large party
• 'Return' button appears before server's name
• Assign buttons for both small and big tops temporarily disabled
• Server maintains position in queue

• Return

  • When ready, server selects 'Return' button and resumes position in queue
  • Disabled server status removed
  • Assign big and small buttons regain functionality

Skip

• When pressed, server is moved to end of queue

Break

• When pressed, server removed from queue temporarily
• Server moved to end of table
• 'Break Over' button appears
• Assign and skip buttons removed

• Break Over

  • When pressed, server returns to end of queue
  • Assign and skip buttons reappear

Clock Out

• When pressed, server prompted to confirm selection
• Server removed from table and database

Reset

• When pressed, user prompted to confirm selection
• Clears all servers from table and database

Installation

1. Clone the repository and navigate to the root directory.

2. Install dependencies: npm install

3. Start the development server: npm run dev

4. Open the application in your browser: http://127.0.0.1:5174/

Screenshots & Usage

Add Server

Breakdown of Table Features

Wireframe

Contact Us

Sara Baqla

Chelsea Sexton

Andrew Cooke