How nabixka/ekskul-data works
This is a school extracurricular-management application: students and administrators use a Vue client to authenticate and manage clubs, membership, activities, and documentation through a NestJS API. The main student workflow is browse clubs, join one, then view its members, activities, and gallery; administrators have club-management and dashboard views. The graph includes the documented client routes and sampled controller-to-service calls. Several backend services and integrations were not excerpted, so uncertain links to storage and other capabilities are omitted.
Main entry points: index.js Route Registry · api.js API Client · app.module.ts Module Composition · auth.service.ts Auth Service
Components 29
Vue Client
- Route Registry
application/src/index.js - App Shell
application/src/App.vue - Sidebar
application/src/components/sidebar.vue - API Client
application/src/api.js - Student Dashboard
application/src/page/MainPage/Dashboard.vue
Identity
- Login & Register
application/src/page/Auth/Login.vue - Auth Controller
service/src/auth/auth.controller.ts - Auth Service
service/src/auth/auth.service.ts - User Records
- JWT Signer
Club Management
- Club Directory
application/src/page/MainPage/ListEkskul.vue - Club Detail
application/src/page/MainPage/EkskulDetail.vue - My Clubs
application/src/page/MainPage/MyEkskul.vue - Membership Detail
application/src/page/MainPage/MyEkskulDetail.vue - Admin Dashboard
application/src/page/Admin/Dashboard.vue - Admin Club List
application/src/page/Admin/ListEkskul.vue - Admin Club Detail
application/src/page/Admin/EkskulDetail.vue - Club Controller
service/src/ekskul/ekskul.controller.ts - Club Service
service/src/ekskul/ekskul.service.ts - Member Controller
service/src/member/member.controller.ts - Member Service
service/src/member/member.service.ts - Admin Controller
service/src/admin/admin.controller.ts - Admin Service
service/src/admin/admin.service.ts
Activities & Media
- Activity Controller
service/src/kegiatan/kegiatan.controller.ts - Activity Service
service/src/kegiatan/kegiatan.service.ts - Documentation Controller
service/src/dokumentasi/dokumentasi.controller.ts - Documentation Service
service/src/dokumentasi/dokumentasi.service.ts
API Platform
- Module Composition
service/src/app.module.ts
Other components
- Student / Admin
Connections 38
- Student / Admin → Route Registry: navigates
application/src/index.js - Route Registry → Login & Register: routes to
application/src/index.js - Route Registry → Student Dashboard: routes to
application/src/index.js - Route Registry → Club Directory: routes to
application/src/index.js - Route Registry → Club Detail: routes to
application/src/index.js - Route Registry → My Clubs: routes to
application/src/index.js - Route Registry → Membership Detail: routes to
application/src/index.js - Route Registry → Admin Dashboard: routes to
application/src/index.js - Route Registry → Admin Club List: routes to
application/src/index.js - Route Registry → Admin Club Detail: routes to
application/src/index.js - App Shell → Route Registry: renders routes
application/src/main.js - App Shell → Sidebar: renders
application/src/App.vue - Login & Register → API Client: calls
application/src/page/Auth/Login.vue - Student Dashboard → API Client: calls
application/src/page/MainPage/Dashboard.vue - Club Directory → API Client: calls
application/src/page/MainPage/ListEkskul.vue - Club Detail → API Client: calls
application/src/page/MainPage/EkskulDetail.vue - My Clubs → API Client: calls
application/src/page/MainPage/MyEkskul.vue - Membership Detail → API Client: calls
application/src/page/MainPage/MyEkskulDetail.vue - Admin Dashboard → API Client: calls
application/src/page/Admin/Dashboard.vue - Admin Club List → API Client: calls
application/src/page/Admin/ListEkskul.vue - Admin Club Detail → API Client: calls
application/src/page/Admin/EkskulDetail.vue - API Client → Auth Controller: HTTP requests
- API Client → Member Controller: HTTP requests
- API Client → Documentation Controller: HTTP requests
- Auth Controller → Auth Service: delegates
service/src/auth/auth.controller.ts - Auth Service → User Records: reads / writes
service/src/auth/auth.service.ts - Auth Service → JWT Signer: signs token
service/src/auth/auth.service.ts - Club Controller → Club Service: delegates
service/src/ekskul/ekskul.controller.ts - Member Controller → Member Service: delegates
service/src/member/member.controller.ts - Admin Controller → Admin Service: delegates
service/src/admin/admin.controller.ts - Activity Controller → Activity Service: delegates
service/src/kegiatan/kegiatan.controller.ts - Documentation Controller → Documentation Service: delegates
service/src/dokumentasi/dokumentasi.controller.ts - Module Composition → Auth Controller: registers module
service/src/app.module.ts - Module Composition → Club Controller: registers module
service/src/app.module.ts - Module Composition → Member Controller: registers module
service/src/app.module.ts - Module Composition → Admin Controller: registers module
service/src/app.module.ts - Module Composition → Activity Controller: registers module
service/src/app.module.ts - Module Composition → Documentation Controller: registers module
service/src/app.module.ts