<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Anas</title>
    <description>The latest articles on DEV Community by Anas (@anas_4890).</description>
    <link>https://dev.to/anas_4890</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F4088989%2Fd2244cd1-e320-4d4b-9a8f-592375bf367b.png</url>
      <title>DEV Community: Anas</title>
      <link>https://dev.to/anas_4890</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/anas_4890"/>
    <language>en</language>
    <item>
      <title>I built a zero-code-execution visual architecture &amp; route tracer for Python and TypeScript</title>
      <dc:creator>Anas</dc:creator>
      <pubDate>Fri, 21 Aug 2026 23:52:40 +0000</pubDate>
      <link>https://dev.to/anas_4890/i-built-a-zero-code-execution-visual-architecture-route-tracer-for-python-and-typescript-5g3n</link>
      <guid>https://dev.to/anas_4890/i-built-a-zero-code-execution-visual-architecture-route-tracer-for-python-and-typescript-5g3n</guid>
      <description>&lt;p&gt;Every time I clone an unfamiliar open-source repository or onboard onto a new project, I find myself clicking through dozens of folders, hunting down route handlers, and mentally mapping how components connect.&lt;/p&gt;

&lt;p&gt;I got tired of doing that manually, so I built &lt;strong&gt;&lt;a href="https://repodna-one.vercel.app/" rel="noopener noreferrer"&gt;RepoDNA&lt;/a&gt;&lt;/strong&gt; — a free, open-source tool that turns a repository into an interactive structural architecture map in seconds.&lt;/p&gt;

&lt;h3&gt;
  
  
  Key capabilities
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Zero runtime code execution:&lt;/strong&gt; RepoDNA reads source code statically. It never runs &lt;code&gt;npm install&lt;/code&gt;, &lt;code&gt;pip install&lt;/code&gt;, repository code, or untrusted scripts. Local folders and &lt;code&gt;.zip&lt;/code&gt; uploads are parsed inside your browser.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Route and dependency tracing:&lt;/strong&gt; It follows supported HTTP handlers in Next.js App Router, Express, NestJS, and FastAPI through imports and calls toward database models such as Prisma, SQLAlchemy, and SQLModel.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Interactive canvas + Mermaid export:&lt;/strong&gt; A React Flow canvas groups the codebase into conceptual layers, with one-click Mermaid flowchart export for documentation and pull requests.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Private repositories (beta):&lt;/strong&gt; GitHub OAuth can be used to inspect private repositories transiently in memory.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;RepoDNA is MIT-licensed and available on &lt;strong&gt;&lt;a href="https://github.com/AnasBabari/RepoDNA" rel="noopener noreferrer"&gt;GitHub&lt;/a&gt;&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;Try dropping in one of your own projects or a public repository you know well. Does the generated architecture map match how you picture the codebase in your head?&lt;/p&gt;

&lt;p&gt;I’d love to hear feedback on the UI, parser edge cases, and frameworks you’d like supported next!&lt;/p&gt;

</description>
      <category>javascript</category>
      <category>opensource</category>
      <category>webdev</category>
      <category>python</category>
    </item>
  </channel>
</rss>
