Most backend developers learn Clean Architecture and DDD from diagrams or GitHub repos.
But there is a problem.
You rarely see how a real production backend is structured in a way that feels interactive and intuitive.
So I decided to build something simple to fix that.
The idea
A lightweight web tool that lets you explore a real .NET backend like you would explore a project in VS Code.
No cloning repositories.
No setup.
No debugging environment.
Just open and browse.
What it shows
The tool simulates a real production .NET Clean Architecture project with:
- Domain layer (Entities, Value Objects)
- Application layer (Services, DTOs)
- Infrastructure layer (Repositories, Persistence)
- API layer (Controllers, Middleware)
You can click through folders and files just like a real codebase.
Why I built it
I kept noticing a gap:
Beginners and even intermediate developers understand concepts like DDD, but struggle to visually connect how everything fits together in a real project.
Reading code is one thing.
Navigating a structured system is another.
I wanted something that bridges that gap.
What it is not
This is not an IDE.
It is not a full development environment.
It is not meant for editing code.
It is a visual exploration tool for backend architecture.
Try it
You can explore it here:
https://ayman-atif.vercel.app/tools/explore-real-dotnet-backend-architecture-vs-code-playground.html
What’s next
This is the first version.
Next steps might include:
- multiple backend templates (SaaS, auth system, etc.)
- deeper explanations per file
- guided architecture walkthroughs
But for now, the goal is simple:
Make backend structure easier to understand by seeing it.