A real-time, weighted monitoring system for trackings student progress and rankings based on course duration and completion.
-
Install Dependencies (only needed once):
npm install
-
Start the Dashboard:
npm run dev
The dashboard will be available at http://localhost:3000.
To see your real students' live data on the dashboard:
- Open your Google Sheet.
- Go to File -> Share -> Publish to web.
- In the dropdown, change "Entire Document" to the sheet containing the data (if needed), and change "Web page" to Comma-separated values (.csv).
- Click Publish and copy the link.
- Open
src/app/api/progress/route.tsand paste the link in theLIVE_SHEET_CSV_URLconstant on Line 9:const LIVE_SHEET_CSV_URL = "YOUR_COPIED_LINK_HERE";
If you want to test the dashboard with fake student data for demonstration:
- Run the seeding script:
node seed.js
- Clear the
LIVE_SHEET_CSV_URL(set it to"") inroute.tsto tell the app to use the local file instead.
- Weighted Rankings: Students are ranked by total hours completed (Course Duration × Progress %).
- Timeline Trends: Individual progress lines over a 15-day window.
- Advanced Filters: Search by name or filter by course duration and completion status.
- Green Completion Theme: Visually highlights groups that have reached 100%.
Managed by Antigravity AI