How ranajawadriaz/lms-django-react works
This is a full-stack learning management system: learners discover and purchase courses, then access enrolled learning; instructors manage courses and learner-facing operations, while authentication gates role-oriented pages. The frontend routes these workflows and communicates with Django’s API. Source excerpts confirm the application routing, token handling, course-list/cart requests, and instructor review requests; most backend and page implementations were not sampled, so uncertain endpoint wiring is omitted. README capabilities are represented where the tree supports a subsystem, without asserting unsampled integrations.
Main entry points: App.jsx React app router · useAxios.js Authenticated HTTP client · auth.js Token management · urls.py Django URL routing
Components 23
Web experience
- React app router
LMS/frontend/src/App.jsx - Authenticated HTTP client
LMS/frontend/src/utils/useAxios.js
Identity and access
- Login and registration
LMS/frontend/src/views/auth/Login.jsx - Token management
LMS/frontend/src/utils/auth.js - User session state
LMS/frontend/src/store/auth.js
Learning and commerce
- Public course pages
LMS/frontend/src/views/base/Index.jsx - Course search
LMS/frontend/src/views/base/Search.jsx - Cart and checkout
LMS/frontend/src/views/base/Checkout.jsx - Student learning
LMS/frontend/src/views/student/StudentCourseLectureDetail.jsx
Instructor operations
- Course management
LMS/frontend/src/views/instructor/CourseCreate.jsx - Instructor dashboard
LMS/frontend/src/views/instructor/Dashboard.jsx - Reviews and Q&A
LMS/frontend/src/views/instructor/Review.jsx - Student Q&A
LMS/frontend/src/views/student/QA.jsx
Django API
- Django URL routing
LMS/backend/backend/urls.py - API routes
LMS/backend/api/urls.py - API handlers
LMS/backend/api/views.py - Course data models
LMS/backend/api/models.py - User authentication handlers
LMS/backend/userauths/views.py - User data models
LMS/backend/userauths/models.py - Core application
LMS/backend/core
Other components
- Learner
- Instructor
- Administrator
Connections 27
- Learner → React app router: uses
- Instructor → React app router: uses
- Administrator → React app router: uses
- React app router → Public course pages: routes to
- React app router → Course search: routes to
- React app router → Cart and checkout: routes to
- React app router → Student learning: routes to
- React app router → Course management: routes to
- React app router → Instructor dashboard: routes to
- React app router → Reviews and Q&A: routes to
- React app router → Student Q&A: routes to
- React app router → Login and registration: routes to
- React app router → Authenticated HTTP client: loads cart data
- React app router → User session state: loads profile data
- Login and registration → Token management: authenticates
- Token management → User session state: sets session
- Token management → Authenticated HTTP client: refreshes tokens via
- Course search → Authenticated HTTP client: requests courses
- Course search → Authenticated HTTP client: posts cart items
- Reviews and Q&A → Authenticated HTTP client: loads and replies
- Authenticated HTTP client → Django URL routing: sends API requests
- Django URL routing → API routes: dispatches API
- API routes → API handlers: dispatches handlers
- API handlers → Course data models: uses course data
- API handlers → User data models: uses user data
- Token management → Django URL routing: requests tokens
- Django URL routing → User authentication handlers: routes user requests