April 2020, University Capstone Project

Angular YAML npm Heroku

This project was completed as a requirement for my final year in Software Engineering at the University of Calgary. It was completed as a team of five students and sponsored by Cisco Systems.

The goal of this project was to create a software application to easily visualize system architecture that was interactive and easy to manage. We based our design off of solutions like Swagger Documentation that featured a simple text editor and live code rendering.

We created our own definition using YAML that would be processed and turned into a graph which consisted of nodes and edges, referred to as components and relationships.

The application is not limited to modeling software architecture, the example shown in the figures is of a vehicle.

Notable Features:

• Live error checking and graph rendering
• Use Case definition, highlighted when clicked
• Ability to define subsystems, rendered as a graph and indicated by (+) symbol
• Ability to view component and relationship metadata when clicked