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

Category: devtools

Tags: education, system-design, interactive-diagrams, interview-prep, nextjs

Score: 6.8/10 (Innovation: 6, Technical: 6, Documentation: 8, Utility: 7)

System Design Atlas is an interactive educational platform for system design interviews, featuring concept modules, technology pages, and worked designs with clickable architecture diagrams built from Mermaid syntax. It also includes a coding algorithms track with step-through visualizations and an AI engineering course built around a real project. The project stands out for its rich, well-structured content and interactive diagrams rendered via React Flow.

Target audience: software engineers, interview candidates, and educators preparing for system design and AI engineering interviews

Repository: https://atlas-sysdes.vercel.app/ · TypeScript · MIT · 43 stars

View on Hacker News