‹ BackHN Continuity

Thread

Show HN: An atlas of system designs with interactive architecture diagrams

51 points · 23 comments · mertkahyaoglu

Loading the complete thread in the background. This saved snapshot is available now. Refresh

  1. mertkahyaoglu · · focus · HN ↗

    [dead]

  2. JoshJamesAnthon · · focus · HN ↗
    Hey! This is cool, and actually in the same spirit of my own tool. Not sure if you'd be interested in combining your vision of a repository of architecture models, with my platform (blueprintr.io)?

    Seems like a match made in heaven :)

    1. mertkahyaoglu · · focus · HN ↗
      Thank you very much!
  3. mertkahyaoglu · · focus · HN ↗
    Author here. I kept bouncing between paywalled courses and link dumps while prepping for system design interviews, and wanted one place where each design is worked end to end and you can click into the architecture instead of squinting at a PNG.

    Up front: most of the writing is LLM-generated. I picked the topics, set the structure and reviewed the pages, but the prose isn't hand-written.

    The architecture diagrams are real React Flow canvases rather than images — they pan, zoom and go fullscreen, and every node is clickable, showing what it's for, its trade-off, and a link to the concept module explaining it. Node colour is by kind across every diagram, so the same colour always means the same thing.

    The numbers are interview-grade rather than measured, so treat them as a starting point. Corrections are the most useful thing anyone can send — that's the main reason it's open source.

    1. esafak · · focus · HN ↗
      Tell your agent to spell out abbreviations with tooltips. For example, in <a href="https:&#x2F;&#x2F;atlas-sysdes.vercel.app&#x2F;docs&#x2F;05-notification-system" rel="nofollow">https:&#x2F;&#x2F;atlas-sysdes.vercel.app&#x2F;docs&#x2F;05-notification-system it talks about APNs, and FCM without defining them.
      1. justinjlynn · · focus · HN ↗
        Don&#x27;t treat people like meat proxies if you don&#x27;t want them to act like meat proxies and this author hasn&#x27;t.
      2. mertkahyaoglu · · focus · HN ↗
        Good recommendation. Thanks.
        1. mertkahyaoglu · · focus · HN ↗
          Pr merged here: <a href="https:&#x2F;&#x2F;github.com&#x2F;mertkahyaoglu&#x2F;atlas&#x2F;pull&#x2F;27" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;mertkahyaoglu&#x2F;atlas&#x2F;pull&#x2F;27
    2. katzenq · · focus · HN ↗
      Give a shit and write your own text.
      1. mertkahyaoglu · · focus · HN ↗
        Hey, totally feel you. I wanted to share this as I was myself studying system designs and thought it would help other people as well. It&#x27;s not really a project but more like a resource to study and it&#x27;s non-profit. I review each document after it&#x27;s generated and also validate its correctness with other tools. Of course, not everything in it is 100% correct but it gives you a general knowledge about systems and concepts. Hope it helps.
      2. mattdeboard · · focus · HN ↗
        I think they were saying that LLM wrote the prose on their project website, not in their comment.
    3. john_minsk · · focus · HN ↗
      Great work. Thanks for inspiration.

      Is it static collection or the designs were dynamically generated from concepts?

      1. mertkahyaoglu · · focus · HN ↗
        Thanks a lot. They are static collections.
  4. heurekamala · · focus · HN ↗
    Really nice! It’s also a good reminder that there is always more to discover. Even when you think you know it all.
    1. mertkahyaoglu · · focus · HN ↗
      Thanks a lot. Totally agree!
  5. asamoahf · · focus · HN ↗
    Checked it out and I must say this is really incredible work. Wow!
    1. mertkahyaoglu · · focus · HN ↗
      Thank you very much!
  6. yusveng · · focus · HN ↗
    slope
  7. movsx · · focus · HN ↗
    Another day, another vibed out systems design resource. Life as usual.
    1. mertkahyaoglu · · focus · HN ↗
      Yet another system design resource, right? We cannot get enough of them :D
  8. ekropotin · · focus · HN ↗
    It&#x27;s just slopyfied version of <a href="https:&#x2F;&#x2F;www.hellointerview.com&#x2F;" rel="nofollow">https:&#x2F;&#x2F;www.hellointerview.com&#x2F;
    1. mertkahyaoglu · · focus · HN ↗
      Nice catch!
  9. drywater2 · · focus · HN ↗
    Unrelated to the content itself, but when I see AI slop UI I don&#x27;t feel like reading.
    1. mertkahyaoglu · · focus · HN ↗
      Good for you!
  10. tochihenry28 · · focus · HN ↗
    this is nice
  11. iliedanila · · focus · HN ↗
    This is so cool. Bookmarked it. Awesome job!
Open on Hacker News to reply ↗

Unofficial Hacker News client; not affiliated with Y Combinator.