# lrmldipus-glitch/a3101-wst-group24-edukonek architecture

> Architecture diagram of the GitHub repository lrmldipus-glitch/a3101-wst-group24-edukonek, generated by GitDiagram from its file tree, README and a sample of source files (last updated 2026-09-28). It is an AI-made overview: check details against the source.

- Interactive diagram: https://gitdiagram.com/lrmldipus-glitch/a3101-wst-group24-edukonek
- Repository: https://github.com/lrmldipus-glitch/a3101-wst-group24-edukonek

## Overview

EduKonek is a browser-based mentoring scheduler for students and teachers. Students authenticate, view schedules, choose a mentor, book a session, and receive confirmation; teachers manage availability and review and monitor appointments. The login redirects and course-to-mentor field updates are supported by sampled JavaScript. Other workflow links reflect the README; the HTML pages and teacher/schedule scripts were not sampled, so their internal wiring is not inferred.

Main entry points: [`index.js`](https://github.com/lrmldipus-glitch/a3101-wst-group24-edukonek/blob/main/index.js) (Credential Check), [`booking.html`](https://github.com/lrmldipus-glitch/a3101-wst-group24-edukonek/blob/main/booking.html) (Session Booking), [`index.html`](https://github.com/lrmldipus-glitch/a3101-wst-group24-edukonek/blob/main/index.html) (Login Page), [`student.html`](https://github.com/lrmldipus-glitch/a3101-wst-group24-edukonek/blob/main/student.html) (Student Portal)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_access["Role Access"]
  node_login_page["Login Page<br/>[index.html]"]
  node_login_logic["Credential Check<br/>[index.js]"]
end

subgraph group_student["Student Booking"]
  node_student_portal["Student Portal<br/>[student.html]"]
  node_course_details["Course Details<br/>[student.js]"]
  node_schedule_view["Available Schedules<br/>[Schedules.html]"]
  node_booking_page["Session Booking<br/>[booking.html]"]
  node_mentor_lookup["Course Mentor Mapping<br/>[booking.js]"]
  node_confirmation["Booking Confirmation<br/>[booking.html]"]
end

subgraph group_teacher["Teacher Management"]
  node_teacher_portal["Teacher Portal<br/>[teacher.html]"]
  node_schedule_management["Schedule Management<br/>[Schedules.html]"]
  node_appointment_review["Appointment Review<br/>[Schedules.html]"]
end

node_student_actor(("Student"))
node_teacher_actor(("Teacher / Mentor"))

node_student_actor -->|"opens"| node_login_page
node_teacher_actor -->|"opens"| node_login_page
node_login_page -->|"submits credentials"| node_login_logic
node_login_logic -->|"redirects student"| node_student_portal
node_login_logic -->|"redirects mentor"| node_teacher_portal
node_student_actor -->|"uses"| node_student_portal
node_student_portal -->|"shows course details"| node_course_details
node_student_actor -->|"views schedules"| node_schedule_view
node_student_actor -->|"selects session"| node_booking_page
node_booking_page -->|"maps course to mentor"| node_mentor_lookup
node_booking_page -->|"confirms booking"| node_confirmation
node_teacher_actor -->|"uses"| node_teacher_portal
node_teacher_actor -->|"manages availability"| node_schedule_management
node_teacher_actor -->|"reviews appointments"| node_appointment_review

click node_login_page "https://github.com/lrmldipus-glitch/a3101-wst-group24-edukonek/blob/main/index.html"
click node_login_logic "https://github.com/lrmldipus-glitch/a3101-wst-group24-edukonek/blob/main/index.js"
click node_student_portal "https://github.com/lrmldipus-glitch/a3101-wst-group24-edukonek/blob/main/student.html"
click node_course_details "https://github.com/lrmldipus-glitch/a3101-wst-group24-edukonek/blob/main/student.js"
click node_schedule_view "https://github.com/lrmldipus-glitch/a3101-wst-group24-edukonek/blob/main/Schedules.html"
click node_booking_page "https://github.com/lrmldipus-glitch/a3101-wst-group24-edukonek/blob/main/booking.html"
click node_mentor_lookup "https://github.com/lrmldipus-glitch/a3101-wst-group24-edukonek/blob/main/booking.js"
click node_confirmation "https://github.com/lrmldipus-glitch/a3101-wst-group24-edukonek/blob/main/booking.html"
click node_teacher_portal "https://github.com/lrmldipus-glitch/a3101-wst-group24-edukonek/blob/main/teacher.html"
click node_schedule_management "https://github.com/lrmldipus-glitch/a3101-wst-group24-edukonek/blob/main/Schedules.html"
click node_appointment_review "https://github.com/lrmldipus-glitch/a3101-wst-group24-edukonek/blob/main/Schedules.html"

classDef toneNeutral fill:#f8fafc,stroke:#334155,stroke-width:1.5px,color:#0f172a
classDef toneBlue fill:#dbeafe,stroke:#2563eb,stroke-width:1.5px,color:#172554
classDef toneAmber fill:#fef3c7,stroke:#d97706,stroke-width:1.5px,color:#78350f
classDef toneMint fill:#dcfce7,stroke:#16a34a,stroke-width:1.5px,color:#14532d
classDef toneRose fill:#ffe4e6,stroke:#e11d48,stroke-width:1.5px,color:#881337
classDef toneIndigo fill:#e0e7ff,stroke:#4f46e5,stroke-width:1.5px,color:#312e81
classDef toneTeal fill:#ccfbf1,stroke:#0f766e,stroke-width:1.5px,color:#134e4a
class node_login_page,node_login_logic toneBlue
class node_student_portal,node_course_details,node_schedule_view,node_booking_page,node_mentor_lookup,node_confirmation toneAmber
class node_teacher_portal,node_schedule_management,node_appointment_review toneMint
class node_student_actor,node_teacher_actor toneIndigo
```

## Components

### Role Access

- [Login Page](https://github.com/lrmldipus-glitch/a3101-wst-group24-edukonek/blob/main/index.html): `index.html`
- [Credential Check](https://github.com/lrmldipus-glitch/a3101-wst-group24-edukonek/blob/main/index.js): `index.js`

### Student Booking

- [Student Portal](https://github.com/lrmldipus-glitch/a3101-wst-group24-edukonek/blob/main/student.html): `student.html`
- [Course Details](https://github.com/lrmldipus-glitch/a3101-wst-group24-edukonek/blob/main/student.js): `student.js`
- [Available Schedules](https://github.com/lrmldipus-glitch/a3101-wst-group24-edukonek/blob/main/Schedules.html): `Schedules.html`
- [Session Booking](https://github.com/lrmldipus-glitch/a3101-wst-group24-edukonek/blob/main/booking.html): `booking.html`
- [Course Mentor Mapping](https://github.com/lrmldipus-glitch/a3101-wst-group24-edukonek/blob/main/booking.js): `booking.js`
- [Booking Confirmation](https://github.com/lrmldipus-glitch/a3101-wst-group24-edukonek/blob/main/booking.html): `booking.html`

### Teacher Management

- [Teacher Portal](https://github.com/lrmldipus-glitch/a3101-wst-group24-edukonek/blob/main/teacher.html): `teacher.html`
- [Schedule Management](https://github.com/lrmldipus-glitch/a3101-wst-group24-edukonek/blob/main/Schedules.html): `Schedules.html`
- [Appointment Review](https://github.com/lrmldipus-glitch/a3101-wst-group24-edukonek/blob/main/Schedules.html): `Schedules.html`

### Other components

- **Student**
- **Teacher / Mentor**

## Connections

- Student → Login Page: opens
- Teacher / Mentor → Login Page: opens
- Login Page → Credential Check: submits credentials
- Credential Check → Student Portal: redirects student
- Credential Check → Teacher Portal: redirects mentor
- Student → Student Portal: uses
- Student Portal → Course Details: shows course details
- Student → Available Schedules: views schedules
- Student → Session Booking: selects session
- Session Booking → Course Mentor Mapping: maps course to mentor
- Session Booking → Booking Confirmation: confirms booking
- Teacher / Mentor → Teacher Portal: uses
- Teacher / Mentor → Schedule Management: manages availability
- Teacher / Mentor → Appointment Review: reviews appointments