How ak4409/full_stack_project works
This is a React frontend for Cloud Code, an LMS. The main user journey is browsing course listings and details, then using student dashboards, course lessons, and quizzes; instructors can create/manage courses and administrators manage users and courses. The graph also shows shared authentication state and the local course and learning datasets. Evidence is limited to the supplied excerpts, SOURCE INDEX references, and README; unsampled page behavior is not inferred beyond those references.
Main entry points: App.tsx Route application · courses.ts Course data · data Learning data · DashboardLayout.tsx Dashboard layout
Components 19
Course discovery
- Home
LMS_Frontend/src/pages/Home.tsx - Course catalog
LMS_Frontend/src/pages/Courses.tsx - Course details
LMS_Frontend/src/pages/CourseDetails.tsx - Course grid
LMS_Frontend/src/componets/course/CourseGrid.tsx
Student learning
- Student dashboard
LMS_Frontend/src/pages/student/Dashboard.tsx - My courses
LMS_Frontend/src/pages/student/MyCourses.tsx - Lesson player
LMS_Frontend/src/pages/student/CourseLearn.tsx - Quizzes
LMS_Frontend/src/pages/student/Quiz.tsx
Platform operations
- Course authoring
LMS_Frontend/src/pages/instructor/CreateCourse.tsx - Instructor courses
LMS_Frontend/src/pages/instructor/Courses.tsx - Course administration
LMS_Frontend/src/pages/admin/Courses.tsx - User administration
LMS_Frontend/src/pages/admin/Users.tsx
Shared runtime and data
- Route application
LMS_Frontend/src/App.tsx - Authentication state
LMS_Frontend/src/context/AuthContext.tsx - Course data
LMS_Frontend/src/data/courses.ts - Learning data
LMS_Frontend/src/data - Course presentation
LMS_Frontend/src/componets/course - Dashboard layout
LMS_Frontend/src/componets/layout/DashboardLayout.tsx
Other components
- Learner or visitor
Connections 29
- Learner or visitor → Route application: opens
LMS_Frontend/src/App.tsx - Route application → Home: routes to
LMS_Frontend/src/App.tsx - Route application → Course catalog: routes to
LMS_Frontend/src/App.tsx - Route application → Course details: routes to
LMS_Frontend/src/App.tsx - Route application → Student dashboard: routes to
LMS_Frontend/src/App.tsx - Route application → My courses: routes to
LMS_Frontend/src/App.tsx - Route application → Lesson player: routes to
LMS_Frontend/src/App.tsx - Route application → Quizzes: routes to
LMS_Frontend/src/App.tsx - Route application → Course authoring: routes to
LMS_Frontend/src/App.tsx - Route application → Instructor courses: routes to
LMS_Frontend/src/App.tsx - Route application → Course administration: routes to
LMS_Frontend/src/App.tsx - Route application → User administration: routes to
LMS_Frontend/src/App.tsx - Home → Course grid: renders
LMS_Frontend/src/pages/Home.tsx - Home → Course data: reads
LMS_Frontend/src/pages/Home.tsx - Course grid → Course presentation: uses
LMS_Frontend/src/componets/course/CourseGrid.tsx - Course details → Course data: reads
LMS_Frontend/src/pages/CourseDetails.tsx - Student dashboard → Authentication state: reads
LMS_Frontend/src/pages/student/Dashboard.tsx - Student dashboard → Learning data: reads
LMS_Frontend/src/pages/student/Dashboard.tsx - Lesson player → Course data: reads
LMS_Frontend/src/pages/student/CourseLearn.tsx - Lesson player → Learning data: reads
LMS_Frontend/src/pages/student/CourseLearn.tsx - Quizzes → Learning data: reads
LMS_Frontend/src/pages/student/Quiz.tsx - Course authoring → Learning data: reads
LMS_Frontend/src/pages/instructor/CreateCourse.tsx - Course authoring → Dashboard layout: uses
LMS_Frontend/src/pages/instructor/CreateCourse.tsx - Instructor courses → Course data: reads
LMS_Frontend/src/pages/instructor/Courses.tsx - Instructor courses → Dashboard layout: uses
LMS_Frontend/src/pages/instructor/Courses.tsx - Course administration → Course data: reads
LMS_Frontend/src/pages/admin/Courses.tsx - Course administration → Dashboard layout: uses
LMS_Frontend/src/pages/admin/Courses.tsx - User administration → Authentication state: uses
LMS_Frontend/src/pages/admin/Users.tsx - User administration → Dashboard layout: uses
LMS_Frontend/src/pages/admin/Users.tsx