How pixelpioneersbu/campuscompass works
CampusCompass is a browser-based student companion. Students sign up or log in, then use a dashboard and dedicated pages to explore events, track deadlines, plan study sessions, browse and bookmark resources, and edit their profile. Supabase supplies authentication and persistent data for the account, dashboard, deadlines, study planner, and profile; events and resource bookmarks use browser-local data. Unsampled page wiring and persistence details are represented only where documented; the specific resource and event storage behaviors shown come from excerpts.
Main entry points: supabase.js Supabase Client · profile.js Profile Management · script.js Dashboard · auth.js Sign-up & Recovery
Components 21
Account & Profile
- Authentication
auth.html - Sign-up & Recovery
auth.js - Session Guard
auth-guard.js - Profile Management
profile.js - Password Reset
reset-password.js - Reset Page
reset-password.html - Supabase Client
supabase.js
Student Dashboard
- Dashboard
script.js - Dashboard Page
index.html
Academic Planning
- Deadline Tracker
deadlines.js - Deadlines Page
deadlines.html - Study Planner
study.js - Study Page
study.html
Campus & Learning
- Events Explorer
events.js - Events Page
events.html - Resource Hub
resources.js - Resources Page
resources.html
Other components
- Student
- Supabase Auth
- Supabase PostgreSQL
- Browser Storage
Connections 29
- Student → Authentication: uses
README.md - Sign-up & Recovery → Supabase Client: uses
auth.js - Supabase Client → Supabase Auth: creates client
supabase.js - Sign-up & Recovery → Supabase Auth: authenticates
auth.js - Sign-up & Recovery → Reset Page: redirects reset
auth.js - Password Reset → Supabase Client: uses
- Password Reset → Supabase Auth: recovers password
- Student → Dashboard: views
README.md - Dashboard Page → Dashboard: presents
- Dashboard → Supabase Client: queries
script.js - Dashboard → Supabase PostgreSQL: reads overview data
script.js - Session Guard → Supabase Client: checks session
auth-guard.js - Session Guard → Supabase Auth: checks session
auth-guard.js - Student → Deadline Tracker: manages deadlines
README.md - Deadlines Page → Deadline Tracker: presents
- Deadline Tracker → Supabase PostgreSQL: reads and writes
deadlines.js - Student → Study Planner: plans sessions
README.md - Study Page → Study Planner: presents
- Study Planner → Supabase PostgreSQL: reads and writes
study.js - Student → Events Explorer: explores events
README.md - Events Page → Events Explorer: presents
- Events Explorer → Browser Storage: stores bookmarks
events.js - Student → Resource Hub: browses resources
README.md - Resources Page → Resource Hub: presents
- Resource Hub → Browser Storage: stores resources
- Student → Profile Management: edits profile
README.md - Profile Management → Supabase Client: uses
profile.js - Profile Management → Supabase Auth: updates account metadata
profile.js - Profile Management → Supabase PostgreSQL: reads and updates profile
profile.js