# 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.

### Phase 4: Navigation and Final Touches

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