Local Course Progress Dashboard – A fully offline, privacy-focused web application for tracking your learning journey through downloaded courses.
Check out the screen recording showing the local course load, multi-format media rendering (Video, PDF, HTML, Markdown, Plain Text), and scroll-based automatic progress tracking:
demo.mp4
OfflineCourseTracker is a modern, offline-first application designed for self-learners who prefer locally stored content. Load any folder containing videos, PDFs, or documentation, and the app will organize them into a clean, intuitive dashboard with automatic progress tracking.
- 🎯 Offline-First: Works 100% offline once cloned.
- 📁 Zero-Config Loading: Just select your course folder and start learning.
- 🎬 Rich Media Support: Integrated viewers for Videos (MP4, WebM), PDFs, Markdown, HTML, and Text.
- 📊 Smart Progress Tracking: Automatically remembers where you left off.
- 🎨 Minimalist Dark UI: Distraction-free interface inspired by top learning platforms.
- 📱 Fully Responsive: Learn on your desktop, tablet, or mobile.
- 💾 Local Persistence: Progress is saved directly in your course folder via
.course-progress.json. - 🤖 AI-Assisted: Developed with modern AI-assisted engineering practices for high performance and reliability.
The easiest way to get up and running. Requires Docker Desktop.
git clone https://github.com/mohit07raghav19/OfflineCourseTracker.git
cd OfflineCourseTracker
docker-compose upAccess the dashboard at: http://localhost:3000
Requires Node.js (v18+).
-
Clone & Install:
git clone https://github.com/mohit07raghav19/OfflineCourseTracker.git cd OfflineCourseTracker npm run install:all -
Start Servers:
npm start
Access the dashboard at: http://localhost:3000 (Frontend) and http://localhost:3001 (Backend).
- Load a Course: Click "Select Course Folder" and pick the directory on your computer containing your materials.
- Learn: Navigate through the sidebar. The app supports nested folders and sorts files alphanumerically.
- Track:
- Videos: Auto-complete at 90% watch time.
- Documents: Auto-complete when you scroll to the bottom.
- Manual: Toggle the checkmark next to any file to override progress.
- Frontend: React 19, Vite, Context API, CSS Modules.
- Backend: Node.js, Express, File System API.
- Viewers: PDF.js, Marked (Markdown), HTML5 Video.
OfflineCourseTracker is built with privacy in mind.
- No Analytics: We don't track your usage.
- No Cloud: Your data never leaves your machine.
- No Database: We use a simple JSON file in your course folder to store progress.
Contributions are welcome! If you have a feature request or found a bug, please open an issue or submit a pull request.
This project is licensed under the ISC License.