diff --git a/examples/complete/README.md b/examples/complete/README.md new file mode 100644 index 00000000..3debc3df --- /dev/null +++ b/examples/complete/README.md @@ -0,0 +1,34 @@ +# A complete device dashboard + +This example is a demonstration of how Mongoose Library could be integrated +into an embedded device and provide a complete device dashbord with the +following features: + +- Multiple logins with different permissions (admin and user) +- Login screen for non-authenticated connections +- A [preact](https://preactjs.com/)-based dashboard with multiple pages +- Internal variables +- A form that changes those variables +- All changes are propagates to all connected clients +- Live log stream +- Live video stream + + +In essense, this example is a combination of several other examples +pulled together (multiple-logins, dashboard, live-log, video-stream). + +# Screenshots + +This is a login screen that prompts for user/password + +![](screenshots/login.png) + +# Main dashboard + +A main dashboard page shows internal data, live video stream, and a form + +![](screenshots/dashboard.png) + +A live log page shows live log stream coming from device + +![](screenshots/dashboard.png) diff --git a/examples/complete/screenshots/dashboard.png b/examples/complete/screenshots/dashboard.png new file mode 100644 index 00000000..841d75c6 Binary files /dev/null and b/examples/complete/screenshots/dashboard.png differ diff --git a/examples/complete/screenshots/login.png b/examples/complete/screenshots/login.png new file mode 100644 index 00000000..21f51675 Binary files /dev/null and b/examples/complete/screenshots/login.png differ diff --git a/examples/complete/screenshots/logs.png b/examples/complete/screenshots/logs.png new file mode 100644 index 00000000..3ed6b2f8 Binary files /dev/null and b/examples/complete/screenshots/logs.png differ