📅 Using the Curriculum Calendar
Navigate the 24-week curriculum and view daily assignments.
Accessing the Calendar
The Curriculum Calendar shows all 897 assignments organized by week and day.
To access:
- From the student dashboard, click "📅 Curriculum Calendar" in Quick Actions
- 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
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
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
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"
- Check that the server is running:
npm start - Verify port 3000 is accessible
- Check database connection in
.env.local
"No assignments found"
- Verify week has assignments in database
- Check browser console for API errors
- Try refreshing the page