Files
makatapp-students/blueprint.md
2026-01-20 13:11:20 +00:00

44 lines
1.8 KiB
Markdown

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