- Progress Metrics: Displays key student progress metrics such as course completion rate, average grade, and time spent studying. Metrics are calculated on page load and refreshed periodically.
- Active Courses: Shows a list of active courses with a completion percentage bar for each. Updates dynamically based on student activity and data updates.
- Performance Charts: Visualizes student performance through interactive weekly and monthly performance charts. Utilizes dynamically generated data based on student grades and engagement. Uses victory charts library.
- Task and Achievements List: Presents a dynamic, filterable list of pending tasks and recent achievements. Integrates with a calendar and notification system. Can filter by type of assignment and sort by class.
- Study Time Analysis: Provides insights into study time allocation through visual representations and summarized data. Allows to show total hours spent each day studying. Calculates on page load and is persisted to localstorage.
- Quick Access Buttons: Includes buttons for quick access to classes, assignments submission, and grade viewing, enhancing navigation efficiency.
- AI-Driven Task Prioritization: Leverages an AI tool to prioritize tasks based on deadlines, importance, and student performance, dynamically updating the task list.
- Primary color: Soft Blue (#6A86D4) for a calm, professional feel.
- Background color: Light Gray (#F0F4F8) for a clean, unobtrusive backdrop.
- Accent color: Warm Red-Orange (#E07A5F) to highlight key interactive elements.
- Body and headline font: 'PT Sans' for clarity and a modern yet warm feel.
- Cards-based layout for organized content.
- Simple, professional icons to represent actions and categories.
- Subtle transitions on hover for interactivity feedback.