# kramitsingh03/devpilot architecture

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

- Interactive diagram: https://gitdiagram.com/kramitsingh03/devpilot
- Repository: https://github.com/kramitsingh03/devpilot

## Overview

DevPilot is presented as an AI pair-engineering platform for connecting repositories, analyzing code, generating tests, asking codebase questions, and viewing deployment and monitoring information. This tree contains only a React frontend; sampled data is mock data, and no backend or live integrations are evidenced. The route component dispatches pages, with the app shell providing shared navigation and an outlet. The feature map reflects the UI’s stated capabilities; implementation details for most pages were not sampled.

Main entry points: [`frontend/src/components/layout/AppLayout.jsx`](https://github.com/kramitsingh03/devpilot/blob/main/frontend/src/components/layout/AppLayout.jsx) (App shell), [`frontend/src/App.jsx`](https://github.com/kramitsingh03/devpilot/blob/main/frontend/src/App.jsx) (Route dispatcher), [`frontend/src/pages/Onboarding.jsx`](https://github.com/kramitsingh03/devpilot/blob/main/frontend/src/pages/Onboarding.jsx) (Onboarding), [`frontend/src/components/layout/Sidebar.jsx`](https://github.com/kramitsingh03/devpilot/blob/main/frontend/src/components/layout/Sidebar.jsx) (Sidebar navigation)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_entry["Entry and onboarding"]
  node_landing["Landing page<br/>[Landing.jsx]"]
  node_login["Login page<br/>[Login.jsx]"]
  node_onboarding["Onboarding<br/>[Onboarding.jsx]"]
end

subgraph group_shell["App navigation"]
  node_layout["App shell<br/>[AppLayout.jsx]"]
  node_sidebar["Sidebar navigation<br/>[Sidebar.jsx]"]
  node_topbar["Top bar<br/>[Topbar.jsx]"]
end

subgraph group_projects["Repository workspace"]
  node_dashboard["Dashboard<br/>[Dashboard.jsx]"]
  node_projects["Project list<br/>[Projects.jsx]"]
  node_addproject["Add project<br/>[AddProject.jsx]"]
  node_analysis["Repository analysis<br/>[RepoAnalysis.jsx]"]
  node_overview["Project overview"]
end

subgraph group_engineering["AI and testing"]
  node_assistant["AI assistant<br/>[AIAssistant.jsx]"]
  node_generation["Test generation<br/>[TestGeneration.jsx]"]
  node_results["Test results<br/>[TestResults.jsx]"]
end

subgraph group_operations["Delivery and insights"]
  node_deployments["Deployments<br/>[Deployments.jsx]"]
  node_monitoring["Monitoring<br/>[Monitoring.jsx]"]
  node_settings["Settings<br/>[Settings.jsx]"]
end

node_user(("User"))
node_browser(("Browser app"))
node_main["Frontend entry<br/>[main.jsx]"]
node_router["Route dispatcher<br/>[App.jsx]"]
node_mockdata["Sample data<br/>[mockData.js]"]

node_user -->|"uses"| node_browser
node_browser -->|"loads"| node_main
node_main -->|"renders"| node_router
node_router -->|"routes"| node_landing
node_router -->|"routes"| node_login
node_router -->|"routes"| node_onboarding
node_router -->|"mounts app routes"| node_layout
node_layout -->|"renders"| node_sidebar
node_layout -->|"renders"| node_topbar
node_layout -->|"outlet renders"| node_dashboard
node_layout -->|"outlet renders"| node_projects
node_layout -->|"outlet renders"| node_addproject
node_layout -->|"outlet renders"| node_analysis
node_layout -->|"outlet renders"| node_overview
node_layout -->|"outlet renders"| node_assistant
node_layout -->|"outlet renders"| node_generation
node_layout -->|"outlet renders"| node_results
node_layout -->|"outlet renders"| node_deployments
node_layout -->|"outlet renders"| node_monitoring
node_layout -->|"outlet renders"| node_settings
node_onboarding -->|"navigates to"| node_dashboard
node_results -->|"reads results"| node_mockdata
node_sidebar -->|"reads user profile"| node_mockdata

click node_main "https://github.com/kramitsingh03/devpilot/blob/main/frontend/src/main.jsx"
click node_router "https://github.com/kramitsingh03/devpilot/blob/main/frontend/src/App.jsx"
click node_landing "https://github.com/kramitsingh03/devpilot/blob/main/frontend/src/pages/Landing.jsx"
click node_login "https://github.com/kramitsingh03/devpilot/blob/main/frontend/src/pages/Login.jsx"
click node_onboarding "https://github.com/kramitsingh03/devpilot/blob/main/frontend/src/pages/Onboarding.jsx"
click node_layout "https://github.com/kramitsingh03/devpilot/blob/main/frontend/src/components/layout/AppLayout.jsx"
click node_sidebar "https://github.com/kramitsingh03/devpilot/blob/main/frontend/src/components/layout/Sidebar.jsx"
click node_topbar "https://github.com/kramitsingh03/devpilot/blob/main/frontend/src/components/layout/Topbar.jsx"
click node_dashboard "https://github.com/kramitsingh03/devpilot/blob/main/frontend/src/pages/Dashboard.jsx"
click node_projects "https://github.com/kramitsingh03/devpilot/blob/main/frontend/src/pages/Projects.jsx"
click node_addproject "https://github.com/kramitsingh03/devpilot/blob/main/frontend/src/pages/AddProject.jsx"
click node_analysis "https://github.com/kramitsingh03/devpilot/blob/main/frontend/src/pages/RepoAnalysis.jsx"
click node_overview "https://github.com/kramitsingh03/devpilot/blob/main/frontend/src/pages/ProjectOverview.jsx"
click node_assistant "https://github.com/kramitsingh03/devpilot/blob/main/frontend/src/pages/AIAssistant.jsx"
click node_generation "https://github.com/kramitsingh03/devpilot/blob/main/frontend/src/pages/TestGeneration.jsx"
click node_results "https://github.com/kramitsingh03/devpilot/blob/main/frontend/src/pages/TestResults.jsx"
click node_deployments "https://github.com/kramitsingh03/devpilot/blob/main/frontend/src/pages/Deployments.jsx"
click node_monitoring "https://github.com/kramitsingh03/devpilot/blob/main/frontend/src/pages/Monitoring.jsx"
click node_settings "https://github.com/kramitsingh03/devpilot/blob/main/frontend/src/pages/Settings.jsx"
click node_mockdata "https://github.com/kramitsingh03/devpilot/blob/main/frontend/src/data/mockData.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_landing,node_login,node_onboarding,node_user,node_browser,node_main toneBlue
class node_layout,node_sidebar,node_topbar toneAmber
class node_dashboard,node_projects,node_addproject,node_analysis,node_overview,node_router toneMint
class node_assistant,node_generation,node_results toneRose
class node_deployments,node_monitoring,node_settings toneIndigo
class node_mockdata toneTeal
```

## Components

### Entry and onboarding

- [Landing page](https://github.com/kramitsingh03/devpilot/blob/main/frontend/src/pages/Landing.jsx): `frontend/src/pages/Landing.jsx`
- [Login page](https://github.com/kramitsingh03/devpilot/blob/main/frontend/src/pages/Login.jsx): `frontend/src/pages/Login.jsx`
- [Onboarding](https://github.com/kramitsingh03/devpilot/blob/main/frontend/src/pages/Onboarding.jsx): `frontend/src/pages/Onboarding.jsx`

### App navigation

- [App shell](https://github.com/kramitsingh03/devpilot/blob/main/frontend/src/components/layout/AppLayout.jsx): `frontend/src/components/layout/AppLayout.jsx`
- [Sidebar navigation](https://github.com/kramitsingh03/devpilot/blob/main/frontend/src/components/layout/Sidebar.jsx): `frontend/src/components/layout/Sidebar.jsx`
- [Top bar](https://github.com/kramitsingh03/devpilot/blob/main/frontend/src/components/layout/Topbar.jsx): `frontend/src/components/layout/Topbar.jsx`

### Repository workspace

- [Dashboard](https://github.com/kramitsingh03/devpilot/blob/main/frontend/src/pages/Dashboard.jsx): `frontend/src/pages/Dashboard.jsx`
- [Project list](https://github.com/kramitsingh03/devpilot/blob/main/frontend/src/pages/Projects.jsx): `frontend/src/pages/Projects.jsx`
- [Add project](https://github.com/kramitsingh03/devpilot/blob/main/frontend/src/pages/AddProject.jsx): `frontend/src/pages/AddProject.jsx`
- [Repository analysis](https://github.com/kramitsingh03/devpilot/blob/main/frontend/src/pages/RepoAnalysis.jsx): `frontend/src/pages/RepoAnalysis.jsx`
- [Project overview](https://github.com/kramitsingh03/devpilot/blob/main/frontend/src/pages/ProjectOverview.jsx): `frontend/src/pages/ProjectOverview.jsx`

### AI and testing

- [AI assistant](https://github.com/kramitsingh03/devpilot/blob/main/frontend/src/pages/AIAssistant.jsx): `frontend/src/pages/AIAssistant.jsx`
- [Test generation](https://github.com/kramitsingh03/devpilot/blob/main/frontend/src/pages/TestGeneration.jsx): `frontend/src/pages/TestGeneration.jsx`
- [Test results](https://github.com/kramitsingh03/devpilot/blob/main/frontend/src/pages/TestResults.jsx): `frontend/src/pages/TestResults.jsx`

### Delivery and insights

- [Deployments](https://github.com/kramitsingh03/devpilot/blob/main/frontend/src/pages/Deployments.jsx): `frontend/src/pages/Deployments.jsx`
- [Monitoring](https://github.com/kramitsingh03/devpilot/blob/main/frontend/src/pages/Monitoring.jsx): `frontend/src/pages/Monitoring.jsx`
- [Settings](https://github.com/kramitsingh03/devpilot/blob/main/frontend/src/pages/Settings.jsx): `frontend/src/pages/Settings.jsx`

### Other components

- **User**
- **Browser app**
- [Frontend entry](https://github.com/kramitsingh03/devpilot/blob/main/frontend/src/main.jsx): `frontend/src/main.jsx`
- [Route dispatcher](https://github.com/kramitsingh03/devpilot/blob/main/frontend/src/App.jsx): `frontend/src/App.jsx`
- [Sample data](https://github.com/kramitsingh03/devpilot/blob/main/frontend/src/data/mockData.js): `frontend/src/data/mockData.js`

## Connections

- User → Browser app: uses
- Browser app → Frontend entry: loads
- Frontend entry → Route dispatcher: renders
- Route dispatcher → Landing page: routes
- Route dispatcher → Login page: routes
- Route dispatcher → Onboarding: routes
- Route dispatcher → App shell: mounts app routes
- App shell → Sidebar navigation: renders
- App shell → Top bar: renders
- App shell → Dashboard: outlet renders
- App shell → Project list: outlet renders
- App shell → Add project: outlet renders
- App shell → Repository analysis: outlet renders
- App shell → Project overview: outlet renders
- App shell → AI assistant: outlet renders
- App shell → Test generation: outlet renders
- App shell → Test results: outlet renders
- App shell → Deployments: outlet renders
- App shell → Monitoring: outlet renders
- App shell → Settings: outlet renders
- Onboarding → Dashboard: navigates to
- Test results → Sample data: reads results
- Sidebar navigation → Sample data: reads user profile