### 📊 Issue: Create Student Dashboard – EnrollNow LMS

[agaesh]

Description:
Build the main Student Dashboard interface that appears after a successful login. This dashboard will serve as the central hub for students to access their enrolled courses, progress, and upcoming sessions.

---

🧩 Key Components to Include in the Student Dashboard

• Welcome Message – personalized greeting with student’s name

• Enrolled Courses – list of courses with status (In Progress / Completed)

• Course Progress Tracker – show percentage or progress bar for each course

• Upcoming Classes / Events – list with date/time for live sessions or deadlines

• Notifications Panel – updates about assignments, messages, and grades

• Quick Access Buttons

  • Join Class (if live)
  • View Assignments
  • Continue Learning

• Profile Summary – basic details, with a button to view/edit full profile

• Support / Contact – button or card to raise queries or get help

• Logout Button – clear session securely

---

📋 Tasks Breakdown

1️⃣ Design

• Create wireframe or mockup of the dashboard layout
• Define responsive grid for desktop & mobile

2️⃣ Frontend Development

• Create Dashboard.jsx or equivalent page/component

• Fetch and display student data (name, courses, etc.)

• Map course list with progress bars

• Integrate cards or panels for:

  • Upcoming sessions
  • Notifications
  • Quick actions

3️⃣ Backend Integration

• Create /dashboard endpoint (if needed)
• Fetch enrolled courses for current user
• Fetch progress data
• Fetch upcoming classes and notifications

4️⃣ Testing

• Test with real student data
• Check loading states (skeleton or spinner)
• Validate error handling (e.g. empty course list)
• Ensure UI responsiveness (mobile-friendly)

---

Related Issues:

• #
• #

Labels:
feature frontend backend dashboard student

---