Add state diagram

2 files changed, 7 insertions, 0 deletions

diff --git a/README.md b/README.md
index 8b07953e..ec4f3186 100644
--- a/README.md
+++ b/README.md
@@ -5,6 +5,13 @@ The OpenDC frontend is the user-facing component of the OpenDC stack, allowing u
 This document gives a high-level view of the frontend architecture ([jump](#architecture)), and describes how to set it up for local development ([jump](#setup-for-local-development)).
 
 ## Architecture
+
+### Interaction Model
+[TODO]
+
+![OpenDC Frontend Interaction State Diagram](https://raw.githubusercontent.com/atlarge-research/opendc-frontend/master/images/opendc-frontend-interaction-state-diagram.png)
+
+### Components
 [TODO]
 
 ## Setup for Local Development
diff --git a/images/opendc-frontend-interaction-state-diagram.png b/images/opendc-frontend-interaction-state-diagram.png
new file mode 100644
index 00000000..7c93358a
--- /dev/null
+++ b/images/opendc-frontend-interaction-state-diagram.png