A read-only mirror application and cloud for Canvas LMS that syncs course data every 5 seconds. Perfect for hackathons and testing Canvas API integrations.
- READ-ONLY: This app does NOT modify Canvas. It only fetches data using GET requests.
- Canvas View: Mirrors what a student and professors can see in Canvas.
- No Modifications: Cannot alter modules, assignments, or submissions.
- Log into Canvas at canvas.instructure.com
- Go to Account → Settings
- Scroll down to Approved Integrations
- Click + New Access Token
- Copy the generated token
cd backend
npm install
Copy-Item .env.example .env
# Edit .env with your Canvas token
npm run devcd frontend
npm install
npm run devGo to: http://localhost:3000
canvas-live-mirror/
├── backend/ # Node.js + Express server
├── frontend/ # React + Vite app
└── README.md
- Never commit
.envfile (contains your access token) - App is READ-ONLY - cannot modify Canvas data
- Syncs every 5 seconds automatically
Built for 2-Day Hackathon 🚀