🧭 Overview
The Learning Hub is a core part of Dev_Elevate, designed to help users master essential skills for their tech career.
This issue focuses on developing the Learning Tracks module — a guided path-based learning experience that groups courses, notes, and projects into structured progress tracks (e.g., Frontend Development, Data Science, DSA, AI/ML, etc.).
🎯 Goal
To create a dynamic, backend-integrated Learning Tracks system that allows users to explore, enroll, and track progress across multiple curated learning paths.
📚 Key Features
Learning Tracks Display (Frontend)
Create a clean and responsive UI section titled “Learning Hub” with a tagline:
“Master the skills you need for your tech career.”
Display featured Learning Tracks as cards (e.g., Web Development, Data Science, AI & ML, DevOps, etc.).
Each card should show:
Track Title
Short Description
Total Modules
Progress Bar
“Start Learning” / “Continue” button
Individual Track Page
When clicked, open a detailed view for the selected track:
Overview of topics/modules
Estimated duration
Difficulty level
Resources and project links
Progress tracking section
Add navigation buttons for “Next Module”, “Previous Module”, and “Mark as Completed”.
Backend Integration
Create database models:
Track: { id, title, description, level, duration, modules[], thumbnail }
Module: { id, title, contentLink, order, completedBy[] }
UserProgress: { userId, trackId, completedModules[], percentage }
Build REST APIs:
GET /api/tracks — Fetch all learning tracks
GET /api/tracks/:id — Fetch specific track details
POST /api/tracks/progress — Update module completion
GET /api/tracks/progress/:userId — Fetch user-specific progress
Progress Tracking
On completing each module, update the backend progress.
Show percentage-based progress bars in UI.
Enable “Resume Learning” button for logged-in users.
🧭 Overview
The Learning Hub is a core part of Dev_Elevate, designed to help users master essential skills for their tech career.
This issue focuses on developing the Learning Tracks module — a guided path-based learning experience that groups courses, notes, and projects into structured progress tracks (e.g., Frontend Development, Data Science, DSA, AI/ML, etc.).
🎯 Goal
To create a dynamic, backend-integrated Learning Tracks system that allows users to explore, enroll, and track progress across multiple curated learning paths.
📚 Key Features
Learning Tracks Display (Frontend)
Create a clean and responsive UI section titled “Learning Hub” with a tagline:
“Master the skills you need for your tech career.”
Display featured Learning Tracks as cards (e.g., Web Development, Data Science, AI & ML, DevOps, etc.).
Each card should show:
Track Title
Short Description
Total Modules
Progress Bar
“Start Learning” / “Continue” button
Individual Track Page
When clicked, open a detailed view for the selected track:
Overview of topics/modules
Estimated duration
Difficulty level
Resources and project links
Progress tracking section
Add navigation buttons for “Next Module”, “Previous Module”, and “Mark as Completed”.
Backend Integration
Create database models:
Track: { id, title, description, level, duration, modules[], thumbnail }
Module: { id, title, contentLink, order, completedBy[] }
UserProgress: { userId, trackId, completedModules[], percentage }
Build REST APIs:
GET /api/tracks — Fetch all learning tracks
GET /api/tracks/:id — Fetch specific track details
POST /api/tracks/progress — Update module completion
GET /api/tracks/progress/:userId — Fetch user-specific progress
Progress Tracking
On completing each module, update the backend progress.
Show percentage-based progress bars in UI.
Enable “Resume Learning” button for logged-in users.