A curated collection of architectural diagrams, database schemas, and web concept visualizations. This repository serves as a visual reference guide for developers, students, and architects to understand system structures and data flows quickly.
Blueprints for organizing codebases, from monoliths to microservices.
| Diagram Name | Type | Description |
|---|---|---|
| [Standard MVC] | Monolith | Typical Model-View-Controller setup for backend apps. |
| [Microservices Map] | Distributed | How services communicate via API Gateway & Event Bus. |
| [Clean Architecture] | Pattern | Layers separation (Domain, Application, Infrastructure). |
Entity Relationship Diagrams (ERD) and Schema designs.
- [E-Commerce Schema]: Relational design for users, products, orders, and payments.
- [Social Media Graph]: NoSQL/SQL hybrid approach for posts, likes, and followers.
- [Auth System]: Schema for Users, Roles, Permissions, and OAuth tokens.
Visual explanations of how web technologies work under the hood.
View Diagram Explains the lifecycle of background scripts, content scripts, and popup interactions.
View Diagram Visualizing JWT, Session-based auth, and OAuth2 handshakes.
Mapping frameworks to their specific use cases and libraries.
- React / Next.js: State management (Redux/Zustand), Routing, SSR vs CSR.
- Spring Boot: Controller, Service, Repository layers, DTO mappings.
- Go/Rust: Standard project layouts and module organization.
Contributions are welcome! If you have a diagram that explains a complex concept simply.
Distributed under the MIT License. See LICENSE for more information.