Maktapp.Student - Student Learning Dashboard

Overview

Maktapp.Student is a personalized learning dashboard for students on an online education platform. The application provides a focused and distraction-free environment where students can access their enrolled courses, track their progress, and complete lessons.

Features

Authentication: Secure login for students.
Student Dashboard: A personalized view of enrolled courses and progress.
Course Pages: Detailed view of course content, including modules and lessons.
Lesson Pages: Dedicated pages for different lesson types (text, video, quiz, homework).
Modern UI/UX: A clean, minimal, and responsive design focused on learning.

Development Plan

Phase 1: Project Setup and Authentication

DONE Initialize the Angular application.
DONE Create the blueprint.md file.
Create a Login component for user authentication.
Set up the basic routing for the application.
Style the login page with a minimal and modern design.

Phase 2: Student Dashboard

Create a Dashboard component to display the student's enrolled courses.
Create a CourseCard component to display individual course information.
Implement a progress indicator for each course.
Add an "empty state" message for students with no enrolled courses.

Phase 3: Course and Lesson Pages

Create a Course component to display the course details and module list.
Create a Module component to display the lessons within a module.
Create Lesson components for different lesson types (text, video, quiz, homework).
Implement collapsible/expandable modules.

Implement a sidebar for navigation.
Add breadcrumbs for easy navigation within courses.
Refine the overall styling and user experience.

1.8 KiB Raw Permalink Blame History