Accessing the Calendar

The Curriculum Calendar shows all 897 assignments organized by week and day.

To access:

  1. From the student dashboard, click "📅 Curriculum Calendar" in Quick Actions
  2. Or navigate directly to curriculum-calendar.html
⚠️

Requires server: The calendar connects to PostgreSQL via the Express server. Make sure npm start is running on port 3000.

Week Selector

Use the dropdown at the top to choose a week (1-24):

📸 Week selector dropdown
Select any of the 24 school weeks

Each week shows:

  • Week number - 1 through 24
  • Month name - When this week falls in the school year
  • Weekly goals - Learning objectives for the week

Day Columns

The calendar displays Monday through Friday in columns:

📸 Weekly calendar view
Five columns show each school day

Assignment Cards

Each assignment card shows:

  • Subject color indicator - Left border color (blue=Math, yellow=Writing, etc.)
  • Subject emoji badge - Quick visual identifier
  • Assignment title - What the lesson covers
  • Duration - Estimated time in minutes
  • Type badge - Lesson, practice, assessment, etc.
  • Resource name - Which curriculum resource it's from

Viewing Assignment Details

Click any assignment card to open a detail modal:

📸 Assignment detail modal
Click a card for full details

The modal includes:

  • Full assignment title and description
  • Duration and type
  • Curriculum resource reference
  • Any special instructions or materials needed

Subject Legend

At the bottom of the calendar, you'll find a color legend:

Color Subject Emoji
Math 🔢
Writing ✍️
Reading 📖
Science 🔬
Spelling 📝
History 🏛️
Art 🎨
Music 🎵
PE

Data Source

The calendar pulls from the PostgreSQL database:

  • 897 assignments pre-loaded for the full year
  • 24 school weeks with goals and dates
  • 9 subjects with colors and emojis
  • 16 curriculum resources referenced

Data is read-only in the calendar view. Assignments are managed through the database directly.

Troubleshooting

"Unable to load calendar data"

  1. Check that the server is running: npm start
  2. Verify port 3000 is accessible
  3. Check database connection in .env.local

"No assignments found"

  1. Verify week has assignments in database
  2. Check browser console for API errors
  3. Try refreshing the page