Hey everyone! ๐ I'm excited to share the first public release of Resonance. Resonance is a visual system design simulator that connects to GitHub repositories, reverse-engineers architecture, and enables real-time simulation with AI-powered optimization suggestions. The goal is to make it easier for developers and architects to design, analyse, and better understand distributed systems through an interactive visual interface. Current features โข ๐จ Visual drag-and-drop system design editor โข ๐ Real-time simulation with detailed architecture reports, including: - Overall architecture score - Reliability - Performance - Security - Cost - Explainability - Actionable recommendations โข ๐ Architecture validation and bottleneck detection โข ๐ณ Docker Compose export โข ๐ Dark & Light themes โข ๐ฅ Teams (Beta) โข ๐ Templates (Beta) Built with - React 19 - Node.js + Express - React Flow - Zustand - Tailwind CSS - Vite What's next - Smarter AI-powered architecture recommendations - Better cloud cost estimation - Improved GitHub repository analysis - Higher simulation accuracy - Real-time collaborative editing This is still an early release, and I'd genuinely love to hear what you think. If you have ideas, spot bugs, or have suggestions for improving the simulation engine or overall experience, I'd really appreciate your feedback. GitHub: https://github.com/malcommathela/Resonance Live Demo: https://resonance-web-eight.vercel.app Thanks for checking it out! Looking forward to your thoughts and suggestions. ๐