# jiteshpaikaray/frontend architecture

> Architecture diagram of the GitHub repository jiteshpaikaray/frontend, generated by GitDiagram from its file tree, README and a sample of source files (last updated 2026-09-27). It is an AI-made overview: check details against the source.

- Interactive diagram: https://gitdiagram.com/jiteshpaikaray/frontend
- Repository: https://github.com/jiteshpaikaray/frontend

## Overview

This is a React collaboration and project-management frontend, despite the README describing only a Vite template. The main visible workflow is authentication into a project workspace, where users can select projects, review dashboard data, and manage tasks and comments. Project, profile, tenant-user, and notification features are also represented. The task-detail component and service modules establish several backend interactions; because the dashboard and Kanban excerpts are incomplete, their exact component wiring is not inferred.

Main entry points: [`src/api/axios.js`](https://github.com/jiteshpaikaray/frontend/blob/main/src/api/axios.js) (HTTP client), [`src/pages/Dashboard.jsx`](https://github.com/jiteshpaikaray/frontend/blob/main/src/pages/Dashboard.jsx) (Workspace dashboard), [`src/App.jsx`](https://github.com/jiteshpaikaray/frontend/blob/main/src/App.jsx) (Router), [`src/pages/auth/Login.jsx`](https://github.com/jiteshpaikaray/frontend/blob/main/src/pages/auth/Login.jsx) (Sign in / register)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_entry["App entry"]
  node_app["Router<br/>[App.jsx]"]
  node_login["Sign in / register<br/>[Login.jsx]"]
end

subgraph group_workspace["Workspace"]
  node_dashboard["Workspace dashboard<br/>[Dashboard.jsx]"]
  node_projects["Project management<br/>[projectService.js]"]
end

subgraph group_taskwork["Task management"]
  node_kanban["Kanban board<br/>[KanbanBoard.jsx]"]
  node_taskdetails["Task details"]
end

subgraph group_services["API services"]
  node_authsvc["Authentication &amp; profile<br/>[authService.js]"]
  node_tasks["Task operations<br/>[taskService.js]"]
  node_dashsvc["Dashboard data"]
  node_notifs["Notifications"]
  node_status["Task statuses<br/>[statusService.js]"]
  node_api["HTTP client<br/>[axios.js]"]
  node_realtime["SignalR connection<br/>[signalr.js]"]
end

subgraph group_session["Session"]
  node_session[("Local session<br/>[auth.js]")]
end

node_user(("User"))
node_backend["Backend API"]

node_user -->|"opens"| node_app
node_app -->|"routes unauthenticated"| node_login
node_app -->|"routes workspace"| node_dashboard
node_login -->|"signs in / registers"| node_authsvc
node_login -->|"saves session"| node_session
node_dashboard -->|"loads and edits"| node_projects
node_dashboard -->|"loads profile and users"| node_authsvc
node_dashboard -->|"loads notifications"| node_notifs
node_dashboard -->|"remembers project"| node_session
node_taskdetails -->|"reads and changes task"| node_tasks
node_kanban -->|"board operations"| node_tasks
node_authsvc -->|"calls"| node_api
node_projects -->|"calls"| node_api
node_tasks -->|"calls"| node_api
node_dashsvc -->|"calls"| node_api
node_notifs -->|"calls"| node_api
node_status -->|"calls"| node_api
node_api -->|"sends requests"| node_backend
node_realtime -.->|"connects realtime"| node_backend

click node_app "https://github.com/jiteshpaikaray/frontend/blob/main/src/App.jsx"
click node_login "https://github.com/jiteshpaikaray/frontend/blob/main/src/pages/auth/Login.jsx"
click node_dashboard "https://github.com/jiteshpaikaray/frontend/blob/main/src/pages/Dashboard.jsx"
click node_kanban "https://github.com/jiteshpaikaray/frontend/blob/main/src/pages/KanbanBoard.jsx"
click node_taskdetails "https://github.com/jiteshpaikaray/frontend/blob/main/src/components/TaskDetailsDrawer.jsx"
click node_projects "https://github.com/jiteshpaikaray/frontend/blob/main/src/services/projectService.js"
click node_authsvc "https://github.com/jiteshpaikaray/frontend/blob/main/src/services/authService.js"
click node_tasks "https://github.com/jiteshpaikaray/frontend/blob/main/src/services/taskService.js"
click node_dashsvc "https://github.com/jiteshpaikaray/frontend/blob/main/src/services/dashboardService.js"
click node_notifs "https://github.com/jiteshpaikaray/frontend/blob/main/src/services/notificationService.js"
click node_status "https://github.com/jiteshpaikaray/frontend/blob/main/src/services/statusService.js"
click node_api "https://github.com/jiteshpaikaray/frontend/blob/main/src/api/axios.js"
click node_session "https://github.com/jiteshpaikaray/frontend/blob/main/src/utils/auth.js"
click node_realtime "https://github.com/jiteshpaikaray/frontend/blob/main/src/services/signalr.js"

classDef toneNeutral fill:#f8fafc,stroke:#334155,stroke-width:1.5px,color:#0f172a
classDef toneBlue fill:#dbeafe,stroke:#2563eb,stroke-width:1.5px,color:#172554
classDef toneAmber fill:#fef3c7,stroke:#d97706,stroke-width:1.5px,color:#78350f
classDef toneMint fill:#dcfce7,stroke:#16a34a,stroke-width:1.5px,color:#14532d
classDef toneRose fill:#ffe4e6,stroke:#e11d48,stroke-width:1.5px,color:#881337
classDef toneIndigo fill:#e0e7ff,stroke:#4f46e5,stroke-width:1.5px,color:#312e81
classDef toneTeal fill:#ccfbf1,stroke:#0f766e,stroke-width:1.5px,color:#134e4a
class node_app,node_login,node_user toneBlue
class node_dashboard,node_projects toneAmber
class node_kanban,node_taskdetails,node_backend toneMint
class node_authsvc,node_tasks,node_dashsvc,node_notifs,node_status,node_api,node_realtime toneRose
class node_session toneIndigo
```

## Components

### App entry

- [Router](https://github.com/jiteshpaikaray/frontend/blob/main/src/App.jsx): `src/App.jsx`
- [Sign in / register](https://github.com/jiteshpaikaray/frontend/blob/main/src/pages/auth/Login.jsx): `src/pages/auth/Login.jsx`

### Workspace

- [Workspace dashboard](https://github.com/jiteshpaikaray/frontend/blob/main/src/pages/Dashboard.jsx): `src/pages/Dashboard.jsx`
- [Project management](https://github.com/jiteshpaikaray/frontend/blob/main/src/services/projectService.js): `src/services/projectService.js`

### Task management

- [Kanban board](https://github.com/jiteshpaikaray/frontend/blob/main/src/pages/KanbanBoard.jsx): `src/pages/KanbanBoard.jsx`
- [Task details](https://github.com/jiteshpaikaray/frontend/blob/main/src/components/TaskDetailsDrawer.jsx): `src/components/TaskDetailsDrawer.jsx`

### API services

- [Authentication & profile](https://github.com/jiteshpaikaray/frontend/blob/main/src/services/authService.js): `src/services/authService.js`
- [Task operations](https://github.com/jiteshpaikaray/frontend/blob/main/src/services/taskService.js): `src/services/taskService.js`
- [Dashboard data](https://github.com/jiteshpaikaray/frontend/blob/main/src/services/dashboardService.js): `src/services/dashboardService.js`
- [Notifications](https://github.com/jiteshpaikaray/frontend/blob/main/src/services/notificationService.js): `src/services/notificationService.js`
- [Task statuses](https://github.com/jiteshpaikaray/frontend/blob/main/src/services/statusService.js): `src/services/statusService.js`
- [HTTP client](https://github.com/jiteshpaikaray/frontend/blob/main/src/api/axios.js): `src/api/axios.js`
- [SignalR connection](https://github.com/jiteshpaikaray/frontend/blob/main/src/services/signalr.js): `src/services/signalr.js`

### Session

- [Local session](https://github.com/jiteshpaikaray/frontend/blob/main/src/utils/auth.js): `src/utils/auth.js`

### Other components

- **User**
- **Backend API**

## Connections

- User → Router: opens
- Router → Sign in / register: routes unauthenticated
- Router → Workspace dashboard: routes workspace
- Sign in / register → Authentication & profile: signs in / registers
- Sign in / register → Local session: saves session
- Workspace dashboard → Project management: loads and edits
- Workspace dashboard → Authentication & profile: loads profile and users
- Workspace dashboard → Notifications: loads notifications
- Workspace dashboard → Local session: remembers project
- Task details → Task operations: reads and changes task
- Kanban board → Task operations: board operations
- Authentication & profile → HTTP client: calls
- Project management → HTTP client: calls
- Task operations → HTTP client: calls
- Dashboard data → HTTP client: calls
- Notifications → HTTP client: calls
- Task statuses → HTTP client: calls
- HTTP client → Backend API: sends requests
- SignalR connection → Backend API: connects realtime