SeeCodeRun: Project Flow

#Structure ###Client Server Architecture Client and server are always in communication with one other. On the client side, a browser such as Chrome or Firefox is connected to a device via the operating system to render an application front-end, which uses a DOM (Document Object Model) to represent its client-side logic. The DOM is a platform and language-neutral interface that allows access to a device's resources via API in different languages like JavaScript, HTML, and CSS programs. In our project, a client obtains our web-app from our Firebase host server running on the GCP (Google Cloud Platform). Our project is built upon Aurelia, which uses MVVM(Model-View-View Model) framework, which is then connected to Database Content of Firebase to persist the model in JSON format. In MVVM framework, View is written in CSS or HTML, and View Model is in JavaScript.

###Event-Driven Architecture Event-Driven Architecture occurs when you do something, and something occurs, that is, a system is implemented in such way that identifies, communicates and reacts to significant changes in its/another program state. This has two parts: listening and registering. Event listening is when we want our program to react when to a given event; In terms of code, we want to bind one of our functions when the event takes place, a callback function. The event registering communicates that the event happened; it refers to a triggering or firing an event. #References Event-Driven Architectures