🔧 "My Dashboard" Page
🔹 Page URL Slug
/dashboard or /my-dashboard
🔹 Menu Tab Title
My Dashboard
🧱 Section Breakdown & Layout Guidance
✅ 1. Followed Schools Overview
Purpose: Display favorited or followed schools with live safety data
Components:
List of followed schools
Last updated timestamp
Dynamic safety score badge (color-coded)
“Compare” or “Unfollow” buttons
Icon: 🏫 (
schoolicon)Layout Tip: Responsive cards, grid on desktop, single-column scroll on mobile.
✅ 2. Real-Time Safety Alerts
Purpose: Central hub for incident alerts
Components:
Alert feed with filtering (incident type, zip code, date)
Subscribe/unsubscribe toggle
Link to full alert report
Icon: 🚨 (
alert-circle)Layout Tip: Vertical timeline-style feed with sticky filters on desktop.
✅ 3. Dynamic Safety Score Tracker
Purpose: Track safety score changes over time
Components:
Interactive line graph (embed charting lib like Chart.js or Recharts)
Filter by school or zip code
Highlight improvements or declines with icons
Icon: 📊 (
trending-up)Layout Tip: Full-width chart on desktop, collapsible on mobile.
✅ 4. Your Custom Reports
Purpose: Access/download past reports
Components:
List of past reports (sortable by date, school)
View/download/email options
Preview thumbnail (PDF icon or mini chart)
Icon: 📥 (
file-text)Layout Tip: Table or card grid, modal preview on click.
✅ 5. Your Ratings & Reviews
Purpose: View and manage submitted safety reviews
Components:
Review summaries (school name, star rating, date)
Edit/Delete/Mark Helpful buttons
“Write a New Review” CTA
Icon: 💬 (
message-circle)Layout Tip: Stack layout with edit buttons on hover (desktop).
✅ 6. Explore Nearby Schools
Purpose: Discovery map for parents and students
Components:
Embedded map with pins (e.g., Leaflet.js, Mapbox)
List of nearby schools with scores
Search bar (zip code)
Icon: 🗺️ (
map-pin)Layout Tip: Map + sidebar layout; full-screen toggle on mobile.
✅ 7. Tools & Resources
Purpose: Provide educational & safety resources
Components:
Downloadable PDFs
External links (open in new tab)
Quick tips/checklists
Icon: 🧰 (
toolbox)Layout Tip: 2-column content blocks with icons or thumbnails.
✅ 8. Account & Custom Settings
Purpose: Manage personal settings
Components:
Edit profile
Notification preferences
Subscription info
Logout button
Icon: ⚙️ (
settings)Layout Tip: Tabs or accordion for mobile UX.
🧩 Integration Notes
Auth: Ensure page is behind login wall.
Data: Pull data dynamically via REST API (or Firebase, Airtable, etc.).
Reports: Store and render user-specific reports via secured download URLs.
Analytics: Use GTM or custom logging to track dashboard interactions.
Track Changes Over Time:
Monitor safety score trends and updates from local schools and districts.