How phamtanhoang/jira-fe works
This is a Jira-style project-management frontend: users authenticate, enter workspaces and projects, manage issues on Kanban/Scrum boards, and collaborate through comments, mentions, notifications, and sharing. Project configuration includes columns, labels, custom fields, templates, and recurring issues; separate branches cover account management and administration. The app’s feature hooks and shared HTTP client form the internal interaction layer. Edges reflect documented capabilities and sampled calls; unsampled feature wiring is intentionally not inferred.
Main entry points: client.ts HTTP client · settings/client.tsx Project settings · admin/client.tsx Admin console · workspaces/client.tsx Workspace views
Components 23
App entry and access
- Auth pages
src/app/(auth)/sign-in/page.tsx - Route protection
src/middleware.ts - Dashboard
src/app/(main)/dashboard/client.tsx
Project work management
- Workspace views
src/app/(main)/workspaces/client.tsx - Project board
src/app/(main)/workspaces/[workspaceId]/projects/[projectId]/board/client.tsx - Issues and boards
src/features/projects/api.ts - Project settings
src/app/(main)/workspaces/[workspaceId]/projects/[projectId]/settings/client.tsx - Custom fields
src/features/custom-fields/api.ts - Issue templates
src/features/issue-templates/api.ts - Recurring issues
src/features/recurring-issues/api.ts - Workspace membership
src/features/workspaces/api.ts
Collaboration and account
- Authentication
src/features/auth/api.ts - Issue sharing
src/features/issue-share/api.ts - Notifications
src/features/notifications/api.ts - Profile and security
src/app/(main)/profile/client.tsx
Administration
- Admin console
src/app/(admin)/admin/client.tsx - Admin operations
src/features/admin/api.ts - User administration
src/features/admin-users/api.ts - Webhook management
src/features/webhooks/api.ts
Client interaction layer
- HTTP client
src/lib/api/client.ts - Query state
src/components/providers/query-provider/index.tsx
Other components
- User
- Jira Clone backend
Connections 31
- User → Auth pages: signs in
- Auth pages → Authentication: uses auth
- Authentication → HTTP client: sends requests
- HTTP client → Jira Clone backend: HTTP requests
- User → Route protection: opens routes
- Route protection → Dashboard: permits access
- User → Dashboard: views work
- User → Workspace views: selects workspace
- Workspace views → Project board: opens project
- Project board → Issues and boards: manages issues
- Project settings → Issues and boards: configures columns
- Project settings → Custom fields: configures fields
- Project settings → Issue templates: manages templates
- Project settings → Recurring issues: sets recurrence
- Issue sharing → HTTP client: sends requests
- Notifications → HTTP client: sends requests
- Profile and security → Authentication: updates account
- Profile and security → Notifications: sets preferences
- Workspace views → Workspace membership: manages membership
- Admin console → Admin operations: loads admin data
- Admin console → User administration: shows user health
- Admin console → Webhook management: manages webhooks
- Issues and boards → HTTP client: sends requests
- Custom fields → HTTP client: sends requests
- Issue templates → HTTP client: sends requests
- Recurring issues → HTTP client: sends requests
- Workspace membership → HTTP client: sends requests
- Admin operations → HTTP client: sends requests
- User administration → HTTP client: sends requests
- Webhook management → HTTP client: sends requests
- Query state → HTTP client: shares server state