Syllabus Tracker (SPA)

Single-page app to manage multi-level syllabi (syllabi → subjects → playlists → videos) with a dark, modern UI and a YouTube-like player.

Run locally

• Use a static server (required for YouTube IFrame API):
  • Node: npx serve (or npm i -g serve → serve .)
  • Python: python -m http.server 3000 → open http://127.0.0.1:3000/index.html

GitHub Pages (free)

1. Create a repo and upload this folder (keep index.html at repo root).
2. Enable Pages: Repo → Settings → Pages → Source: Deploy from a branch → Branch main → / (root).
3. Ensure these files exist:
   • index.html (SPA entry)
   • 404.html (redirects deep links back to the SPA)
   • .nojekyll (prevents Jekyll processing)
4. Open the Pages URL. Optional: add a custom domain in Pages settings and set a CNAME at your DNS.

Notes

• Data storage: localStorage per origin (per browser + domain). No cross-device sync without a backend.
• Supported links: YouTube playlists (list=...), single videos (v=...), youtu.be short links, and shorts URLs.
• Works over HTTPS; avoid file://.

License: MIT