# architecture-as-code-samples-visualiser

**Repository Path**: devdz/architecture-as-code-samples-visualiser

## Basic Information

- **Project Name**: architecture-as-code-samples-visualiser
- **Description**: https://github.com/C4InterFlow/architecture-as-code-samples-visualiser 公开同步镜像。
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-09-30
- **Last Updated**: 2024-09-30

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# C4InterFlow - Architecture as Code Samples

This site provides a visualisation UI for the Diagrams generated by [C4InterFlow](https://github.com/SlavaVedernikov/C4InterFlow) based on Architecture as Code (AaC) expressed using C4InterFlow's AaC **Domain Specific Language** (DSL) either in **C#**, **YAML** or **JSON**.

## To-Do App sample (from YAML AaC)
[To-Do App sample](https://c4interflow.github.io/architecture-as-code-samples-visualiser/todo-app) contains Diagrams generated by C4InterFlow from **Architecture as Code** in **YAML**.
### Architecture as Code (AaC)
- [YAML](https://github.com/SlavaVedernikov/C4InterFlow/blob/master/Samples/ToDoApp/Architecture/ToDoApp.yaml)

[![To-Do App Sample - Container - C4](todo-app/Software%20Systems/Container%20-%20C4.svg)](https://c4interflow.github.io/architecture-as-code-samples-visualiser/todo-app)

## E-Shop sample (from C# Source Code)
[E-Shop sample](https://c4interflow.github.io/architecture-as-code-samples-visualiser/dotnet-eshop) contains **AaC** and the **Diagrams** generated by C4InterFlow based on [E-Shop sample .NET application ](https://github.com/dotnet/eShop)
### Architecture as Code (AaC)
AaC is generated from C# source code
- [C#](https://github.com/SlavaVedernikov/C4InterFlow/tree/master/Samples/dotnet.eShop/dotnet.eShop.Architecture/SoftwareSystems)
- [YAML](https://github.com/SlavaVedernikov/C4InterFlow/tree/master/Samples/dotnet.eShop/dotnet.eShop.Architecture/Yaml)

| Basket API | Catalog API |
|:-------:|:-------:|
| [![E-Shop Sample - Basket Api - Component - C4](dotnet-eshop/Software%20Systems/Basket%20Api/Component%20-%20C4.svg)](https://c4interflow.github.io/architecture-as-code-samples-visualiser/dotnet-eshop) | [![E-Shop Sample - Basket Api - Component - C4](dotnet-eshop/Software%20Systems/Catalog%20Api/Component%20-%20C4.svg)](https://c4interflow.github.io/architecture-as-code-samples-visualiser/dotnet-eshop) |

## E-Commerce Platform sample (from YAML AaC)
[E-Commerce Platform sample](https://c4interflow.github.io/architecture-as-code-samples-visualiser/e-commerce-platform) contains Diagrams generated by C4InterFlow from **Architecture as Code** in **YAML**. It is based on a fictional E-Commerce Platform build using Microservices Architecture.
### Architecture as Code (AaC)
- [YAML](https://github.com/SlavaVedernikov/C4InterFlow/tree/master/Samples/E-Commerce%20Platform/Yaml/Architecture/SoftwareSystems)

[![E-Commerce Platform Sample - Container - C4](e-commerce-platform/Software%20Systems/Context%20-%20C4%20Static.svg)](https://c4interflow.github.io/architecture-as-code-samples-visualiser/e-commerce-platform)

## Internet Banking System sample (from YAML AaC)
[Internet Banking System sample](https://c4interflow.github.io/architecture-as-code-samples-visualiser/internet-banking-system) contains Diagrams generated by C4InterFlow from **Architecture** and **Business Processes as Code** in **YAML**. It is based on the samples provided in [C4-PlantUML](https://github.com/plantuml-stdlib/C4-PlantUML/tree/master/samples) project.
### Architecture as Code (AaC)
- [YAML](https://github.com/SlavaVedernikov/C4InterFlow/tree/master/Samples/Internet%20Banking%20System/Yaml/Architecture/SoftwareSystems)
### Business Process as Code (BPaC)
- [YAML](https://github.com/SlavaVedernikov/C4InterFlow/tree/master/Samples/Internet%20Banking%20System/Yaml/Architecture/BusinessProcesses)

[![Internet Banking System Sample - Container - C4](internet-banking-system/Software%20Systems/Container%20-%20C4.svg)](https://c4interflow.github.io/architecture-as-code-samples-visualiser/internet-banking-system)

## TraderX sample (from YAML AaC)
[TraderX sample](https://c4interflow.github.io/architecture-as-code-samples-visualiser/trader-x) contains **YAML** and **JSON** AaC and Diagrams generated by C4InterFlow from **Architecture/Business Processes Catalogue** in **Excel**. It is based on the samples provided in [Fintech Open Source Foundation Labs - Architecture as Code repository](https://github.com/finos-labs/architecture-as-code/tree/main/calm/samples/traderx).
### Architecture and Business Processes Catalogue (Excel)
- [Architecture Catalogue.xlsm](https://github.com/SlavaVedernikov/C4InterFlow/blob/master/Samples/TraderX/CSV/Architecture%20Catalogue.xlsm)
  - Using [Architecture Catalogue Template](https://github.com/SlavaVedernikov/C4InterFlow/blob/master/Templates/Architecture%20Catalogue.xlsm)
### Architecture and Business Processes as Code
- **YAML** (generated)
  - [AaC](https://github.com/SlavaVedernikov/C4InterFlow/blob/master/Samples/TraderX/CSV/Architecture/Yaml/SoftwareSystems)
  - [BPaC](https://github.com/SlavaVedernikov/C4InterFlow/blob/master/Samples/TraderX/CSV/Architecture/Yaml/BusinessProcesses)
- **JSON** (generated)
  - [AaC](https://github.com/SlavaVedernikov/C4InterFlow/blob/master/Samples/TraderX/CSV/Architecture/Json/SoftwareSystems)
  - [BPaC](https://github.com/SlavaVedernikov/C4InterFlow/blob/master/Samples/TraderX/CSV/Architecture/Json/BusinessProcesses)

[![Internet Banking System Sample - Container - C4](trader-x/Software%20Systems/Container%20-%20C4.svg)](https://c4interflow.github.io/architecture-as-code-samples-visualiser/trader-x)