CodeSight
See how your codebase actually fits together.
- Role
- Product Design & Full-Stack Engineering
- Year
- 2026
- Stack
- 8 technologies
Explorer
Save Analysis
6 nodes
Checkout
5 nodes
Browse Products
4 nodes
Graph Explorer
Details
Label
GraphService
Kind
Service
Layer
Application
Coordinates the analyzer and repository to build and persist the project graph — one of the graph's top hotspots.
CodeSight turns an unfamiliar codebase into a living map. Point it at a project and it scans the source, builds a dependency graph, and lets you trace how a single user action travels across the entire stack — page, controller, service, repository, and database.
It's built on a clean, layered .NET architecture with a Blazor front end talking to a dedicated API. An interactive Cytoscape graph sits at the centre, paired with an AI insight panel that explains any node, flow, or endpoint in plain English.
Built with
- Blazor
- .NET 10
- ASP.NET Core API
- Clean Architecture
- Cytoscape.js
- MySQL · EF Core
- Groq LLM
- JWT Auth
Full-stack
Frontend → API → database flow tracing
AI-native
Plain-English node, flow & endpoint insights
5 layers
Clean .NET architecture, end to end
Any stack
Language-agnostic codebase scanning
What it does
Interactive system graph
A force-directed Cytoscape graph renders the whole system. Zoom, search, and focus any node to watch its neighbourhood light up.
Frontend-to-backend flow tracing
Pick a flow or endpoint and CodeSight isolates the exact path a request takes across the stack, hiding everything that isn't part of it.
AI insight panel
One click explains any node, flow, or endpoint in plain English — an LLM reads the surrounding relationships and summarises what it does.
Endpoint explorer
Every HTTP endpoint, grouped by method, with inferred request and response types for stacks that expose them.
Hotspot detection
Degree-centrality scoring surfaces the most connected, highest-risk nodes so you can see where complexity concentrates.
Saved analysis history
Scans persist to a database, so you can revisit a project's structure and track how its shape changes over time.
Saved analysis at a glance
Every scan persists to a database, so the dashboard surfaces saved projects, totals, and the latest analysis the moment you land.
CodeSight Overview
Saved project analysis totals from your database.
Saved projects
12
Saved analyses
48
Graph nodes
1,204
Endpoints
186
Latest Save
Project
express-shop
Saved
2026-06-30 14:22
Average node count
98.4
Recent Projects
express-shop
Express
OkeraWebsite
Next.js
CodeSight.API
.NET
Trace a single flow end to end
Pick a flow or endpoint and the graph isolates the exact path a request travels — then the AI panel explains the hotspot in plain English.
Central hub of the analysis flow — connects the controller to the repository and ranks among the graph's top hotspots.
Okera designs and builds full-stack products like this one — from first sketch to deployed system.