Skip to main content

​
Overview

stevenson.space provides a comprehensive bell schedule management system that helps students track their daily schedule. The platform supports multiple schedule types including standard days, late arrivals, early dismissals, activity periods, and special events.

​
Schedule Types

Stevenson High School uses several different schedule configurations throughout the year:

Standard Schedule

Regular 8-period day from 8:30 AM to 3:25 PM with 51-minute periods

Late Arrival

School starts at 10:30 AM with shortened periods (occurs monthly on select Thursdays)

Activity Period

Includes a dedicated activity block for clubs and student activities

Early Dismissal

Shortened day ending before 3:25 PM (finals, holidays, etc.)

​
Viewing Bell Schedules

Students can view all bell schedules by navigating to the Bell Schedules page from the home dashboard.
1

Access Bell Schedules

Click the “Bell Schedules” card on the home page to view all available schedule types
2

Browse Schedule Types

Scroll through different schedule configurations including Standard, Late Arrival, Activity Period, PM Assembly, and more
3

View Period Times

Each schedule displays start and end times for all periods, including special blocks like Activity or Assembly

​
Schedule Modes

Many schedule types support multiple modes:
Standard 8 periods (1-8) with equal duration. This is the default mode for most schedule types.Example (Standard Schedule):
  • Period 1: 8:30 AM - 9:21 AM
  • Period 2: 9:26 AM - 10:13 AM
  • … continues through Period 8
Each period is split into two halves (1A/1B, 2A/2B, etc.), creating 16 shorter blocks instead of 8 full periods.Use case: Useful for students with block scheduling or alternating period structuresExample:
  • Period 1A: 8:30 AM - 8:54 AM
  • Period 1B: 9:01 AM - 9:21 AM
  • Period 2A: 9:26 AM - 9:46 AM
  • Period 2B: 9:53 AM - 10:13 AM

​
Custom Schedule Management

One of the most powerful features is the ability to create and manage custom bell schedules tailored to your unique class structure.

​
Creating Custom Schedules

1

Navigate to Settings

Go to Settings > Schedules to access schedule management
2

Add Custom Schedule

Click the ”+ Add Custom” card to create a new schedule
3

Define Schedule Parameters

  • Name: Give your schedule a unique name
  • Schedule Type: Choose which base schedule type this applies to
  • Periods: Define period names (e.g., “1”, “2”, “3A”, “Lunch”)
  • Start Times: Set the start time for each period
  • End Times: Set the end time for each period
4

Save and Apply

Save your custom schedule - it will appear in your schedule list and can be selected as your default
Custom schedules are stored locally in your browser and sync across sessions. They won’t conflict with official school schedules.

​
Managing Custom Schedules

In the Settings > Schedules section, you’ll see a grid of all available schedule modes:
For Official Schedules:
  • Copy & Edit: Create a custom version based on an official schedule
For Custom Schedules:
  • Edit: Modify period times and names
  • Delete: Remove the custom schedule
Use “Copy & Edit” to quickly create a custom schedule based on an official one, then tweak the period times to match your actual class schedule.

​
Default Schedule Mode

You can set a default schedule mode that will be used across the app:
1

Open General Settings

Navigate to Settings > General
2

Select Default Mode

Use the “Default Schedule Mode” dropdown to choose from:
  • Normal
  • Half Periods
  • Any custom schedule modes you’ve created
3

Automatic Application

Your selection applies immediately to the home page schedule display and all schedule views

​
Special Schedule Features

​
PWC Schedule Display

Stevenson’s Patriot’s Writing Center (PWC) has special hours. You can toggle PWC schedule visibility:
  • Go to Settings > General
  • Toggle “Show PWC Schedule” to Yes/No
  • When enabled, PWC hours appear on the home page schedule card

​
Special Event Schedules

The system automatically handles special event days:
  • PM Assembly Schedule: Shortened periods with assembly at end of day
  • Odyssey Schedule: Special multi-day event schedule with homeroom
  • Early Dismissal Day: Final exam schedule with makeup period
  • No School: Automatically detected weekends and holidays
Special schedules are automatically applied based on the calendar date. You’ll see the active schedule type displayed prominently on the home page.

​
Technical Details

For developers and curious students:

​
Schedule Data Structure

Schedules are defined in src/data/schedules.json with the following structure: 
{
  "name": "Standard Schedule",
  "isSpecial": false,
  "dates": ["weekdays"],
  "modes": [
    {
      "name": "Normal",
      "start": ["8:30", "9:26", "10:18", ...],
      "end": ["9:21", "10:13", "11:05", ...],
      "periods": ["1", "2", "3", ...]
    }
  ]
}

​
Custom Schedule Storage

Custom schedules are managed by the Pinia store (src/stores/schedules.ts) and persisted to localStorage as JSON. The system:
  1. Merges official schedules with custom schedules
  2. Prevents naming conflicts between official and custom schedules
  3. Allows removal and editing of custom schedules only
  4. Restores defaults when requested

​
Restore to Defaults

If you want to reset all schedule customizations:
This action cannot be undone. All custom schedules will be permanently deleted.
1

Navigate to Schedule Settings

Go to Settings > Schedules
2

Click Restore

Click the “Restore to Defaults” button in the top right
3

Confirm

Confirm the action in the popup dialog
All custom schedules will be removed and only official school schedules will remain.

Build docs developers (and LLMs) love

Get started for freeTalk to us