How software-engineer-muhammad-shahzad/admin-panel-shagun works
This is a Next.js administrative portal for ShagunDirect. An administrator signs in and verifies an OTP, then uses protected admin pages to review dashboard metrics and manage users, couples, roles, payments, announcements, and notifications. Feature hooks and services form the application’s data-access layer, with API clients sending requests to the backend. The README is only the default Next.js template; capability coverage here is based on the supplied tree and sampled source, so unsampled UI-to-hook wiring is not asserted.
Main entry points: http.ts HTTP requests · dashboard/page.tsx Dashboard page · broadcasts/page.tsx Broadcast pages · authService.ts Authentication service
Components 28
Admin access
- Login route
app/(auth)/login/page.tsx - Sign-in form
app/features/auth/signin/SignIn.tsx - Sign-in hook
app/features/auth/hooks/useSignIn.ts - Authentication service
app/features/auth/services/authService.ts - OTP verification
app/(auth)/verify-otp/page.tsx - Admin access guard
app/features/auth/AuthGuard.tsx
Dashboard insights
- Dashboard page
app/(admin)/dashboard/page.tsx - Dashboard queries
app/features/dashboard/hooks/useDashboardStats.ts - Dashboard service
app/features/dashboard/services/dashboardService.ts - Dashboard charts
app/features/dashboard/CompositeChart.tsx
Account management
- Admin users
app/(admin)/users/admin/page.tsx - Admin user actions
app/features/user/hooks/useAdminUsers.ts - Admin user service
app/features/user/services/adminUserService.ts - Couple management
app/(admin)/users/couple/page.tsx - Couple actions
app/features/couple/hooks/useCoupleUsers.ts - Couple service
app/features/couple/services/coupleUserService.ts - Role management
app/(admin)/roles/page.tsx
Broadcasts
- Broadcast pages
app/(admin)/broadcasts/page.tsx - Announcement tools
app/features/broadcasts/services/announcementService.ts - Notification tools
app/features/notifications/services/notificationListService.ts - Send notification
app/features/notifications/hooks/useCreateNotification.ts
Payments and API
- Payments page
app/(admin)/payments/page.tsx - Payment actions
app/features/payments/hooks/useUpdatePricing.ts - Payment service
app/features/payments/services/paymentService.ts - HTTP requests
app/services/http.ts - Authenticated API client
app/services/apiClient.ts
Other components
- Administrator
- ShagunDirect API
Connections 30
- Administrator → Login route: opens
- Login route → Sign-in form: renders
- Sign-in form → Sign-in hook: submits
- Sign-in hook → Authentication service: calls
- Authentication service → HTTP requests: posts
- OTP verification → Authentication service: verifies with
- Administrator → Dashboard page: opens
- Dashboard page → Dashboard queries: loads metrics
- Dashboard queries → Dashboard service: queries
- Dashboard service → HTTP requests: requests via
- Dashboard page → Dashboard charts: displays
- Administrator → Admin users: manages
- Admin users → Admin user actions: uses
- Admin user actions → Admin user service: calls
- Admin user service → HTTP requests: requests via
- Administrator → Couple management: manages
- Couple management → Couple actions: uses
- Couple actions → Couple service: calls
- Couple service → HTTP requests: requests via
- Administrator → Role management: manages
- Administrator → Broadcast pages: opens
- Broadcast pages → Announcement tools: manages
- Broadcast pages → Notification tools: manages
- Send notification → Notification tools: calls
- Administrator → Payments page: manages
- Payments page → Payment actions: uses
- Payment actions → Payment service: calls
- Payment service → Authenticated API client: requests via
- HTTP requests → Authenticated API client: sends requests
- Authenticated API client → ShagunDirect API: calls