How daniel160407/courses-redberry works
Courses Website is a Vue learning platform for discovering courses, creating an account and profile, enrolling in courses, and tracking progress. The main evidenced workflow is opening a course page, loading its details and schedule options, enrolling, and managing or rating that enrollment; authentication and profile completion gate enrollment behavior. CRUD composables own requests through the shared Axios layer, while the global store holds user and course state. README-described catalog browsing and dashboard capabilities are represented, though their page implementations were not sampled, so uncertain wiring is omitted.
Main entry points: useAxios.ts HTTP Client · useAuthorize.ts Authentication · GlobalStore.ts Global State · router.ts Route Table
Components 18
Application Shell
- App Bootstrap
src/main.ts - Route Table
src/router/router.ts - App Shell
src/App.vue - Global State
src/stores/GlobalStore.ts
Course Discovery
- Dashboard
src/views/DashboardPage.vue - Course Catalog
src/views/CatalogPage.vue - Catalog Data
src/composables/useCatalogCrud.ts - Course Operations
src/composables/useCoursesCrud.ts
Identity and Profile
- Auth and Profile Forms
src/components/common/AuthorizationModals.vue - Authentication
src/composables/useAuthorize.ts - Form Validation
src/composables/useValidate.ts
Learning Management
- Course Details
src/views/InsideCoursePage.vue - Schedule Operations
src/composables/useScheduleCrud.ts - Enrollment Operations
src/composables/useEnrollmentsCrud.ts
Data Access
- HTTP Client
src/composables/useAxios.ts - Courses API
- Token Cookies
Other components
- Learner
Connections 25
- Learner → App Shell: uses
- App Bootstrap → App Shell: mounts
- App Bootstrap → Route Table: installs
- Route Table → Dashboard: routes
- Route Table → Course Catalog: routes
- Route Table → Course Details: routes
- App Shell → Authentication: fetches user
- App Shell → Global State: sets user
- Auth and Profile Forms → Form Validation: validates forms
- Auth and Profile Forms → Authentication: submits forms
- Auth and Profile Forms → Course Operations: loads progress courses
- Authentication → HTTP Client: sends requests
- Authentication → Token Cookies: stores token
- Authentication → Global State: reads auth state
- Course Details → Course Operations: loads and rates
- Course Details → Schedule Operations: loads schedules
- Course Details → Enrollment Operations: manages enrollment
- Enrollment Operations → Global State: sets enrollments
- Course Operations → Global State: sets courses
- Course Operations → HTTP Client: sends requests
- Schedule Operations → HTTP Client: sends requests
- Enrollment Operations → HTTP Client: sends requests
- HTTP Client → Courses API: transfers data
- HTTP Client → Token Cookies: reads or clears token
- HTTP Client → Global State: opens login modal