HA
hajer alresheedi

Senior Student Dashboard - Copy this React, Tailwind Component to your project

Here’s a detailed breakdown of the **Senior Student Dashboard**: ### **Senior Student Dashboard Key Sections** #### **1. Browse Available Tasks** This section enables senior students to find and select tasks they can assist with. **Filters**: **By Subject**: Dropdown or checkbox list of available subjects (e.g., Data Structures, Algorithms, AI, etc.). **By Urgency**: Radio buttons or a slider to sort by urgency (e.g., High, Medium, Low). **By Date Posted**: Filter tasks posted within the last day, week, or month. **By Assigned Library Room**: (Optional) If library room data is already tied to tasks. **Task List Display**: **Compact View**: Task Title Subject Urgency Level (color coded: e.g., red for high, yellow for medium) Posted Date Status: Open or Reserved **Expanded View (Task Details)**: Full Task Description: Problem statement, areas of difficulty. Student Comments (if provided): Any additional details from the junior student. Preferred Times for Tutoring (optional): If specified by the junior student. **Action Buttons**: “Accept Task” to take ownership. “View Library Schedule” to reserve a library room. #### **2. View Accepted Tasks** This section lists tasks that the senior student has accepted for tutoring. **Task Overview**: Task Title Assigned Junior Student (e.g., their name or ID) Subject Scheduled Tutoring Date (if already scheduled) Task Progress: Pending, In Progress, or Awaiting Faculty Review. **Task Details**: Description of the task and problem area. Links to any uploaded documents (e.g., problem statements, assignments). Communication Log: Allows comments or updates between the junior and senior student (optional). **Manage Task Actions**: “Schedule Tutoring Session”: Opens a calendar to book a session in the designated library room. “Mark Task as Completed”: Once the session is over, the senior student can flag it for faculty review. “View Attendance Log”: Shows proof of library room usage (via scanned data). #### **3. Schedule Tutoring Sessions** This subsection integrates with the university library room system for scheduling sessions. **Calendar View**: Display a weekly/monthly calendar showing available time slots for library rooms. Highlight booked slots and show the senior student’s upcoming sessions. **Booking Form**: Pre filled with: Task Title Junior Student Name Preferred Time Slot (editable if suggested by the junior student). Library Room Selector: Choose from available rooms. **Confirmation**: Display a confirmation message once the booking is made. Notify the junior student about the scheduled session via the dashboard. #### **4. Notifications** A real time notification system to alert senior students about updates. **Types of Notifications**: **New Tasks Posted**: Notification shows the task title, urgency, and subject. Clicking opens the task details for acceptance. **Faculty Feedback**: Notifications for approved or rejected tasks, with feedback (e.g., "Extra credit awarded for guiding Data Structures task"). **Session Reminders**: Reminder for upcoming tutoring sessions (e.g., "Reminder: Tutoring session with [Junior Student] scheduled at 3:00 PM in Library Room B"). **Task Updates**: Alerts when the junior student uploads new documents or updates task details. ### **User Experience Enhancements** 1. **Responsive Design**: Ensure all features work seamlessly on mobile and desktop. 2. **Dashboard Widgets**: **Quick Stats**: Number of tasks available. Tasks accepted/completed. Total credits earned. **Upcoming Sessions**: List sessions for the week. 3. **Search Bar**: Allow users to search tasks by keywords or specific topics.

Prompt
Component Preview

About

SeniorStudentDashboard - Browse tasks by subject, urgency, and date. Schedule sessions, manage tasks, and receive notifications. Buil. Copy component code!

Share

Last updated 1 month ago