Screenly · lucasclgibson · Nov 21, 2023 · Nov 21, 2023 · Nov 21, 2023 · Nov 21, 2023
diff --git a/edge-apps/tracx/README.md b/edge-apps/tracx/README.md
@@ -0,0 +1,49 @@
+# Screenly TRACX MVP
+
+This repository contains a simple example of an integration between Screenly and TRACX.
+
+## Prerequisites
+
+- Ensure you have [Node.js](https://nodejs.org/) and [npm](https://www.npmjs.com/) installed.
+- Install all the necessary dependencies by running:
+```npm install```
+
+## Deploying the example
+
+### Development
+
+1. **Run Webpack in Watch Mode:**
+
+ This will automatically rebuild your project whenever you make changes to the source files.
+
+```npx webpack --watch```
+
+2. **Serve the App Locally:**
+
+Use the `screenly edge-app run` command to serve your app locally.
+
+```screenly edge-app run```
+
+This will start the app, and you should be able to access it from your browser.
+
+### Production
+
+1. **Build the App for Production:**
+
+This will create optimized builds suitable for production environments.
+
+```npx webpack --mode production```
+
+2. **Serve the App:**
+
+Just like in development, use the `screenly edge-app run` command.
+
+```screenly edge-app run```
+
+## Contributing
+
+If you'd like to contribute to this project, please fork the repository and submit a pull request.
+
+## License
+
+This project is licensed under the MIT License. See the [LICENSE](LICENSE) file for details.
diff --git a/edge-apps/tracx/build/README.md b/edge-apps/tracx/build/README.md
@@ -0,0 +1,49 @@
+# Screenly TRACX MVP
+
+This repository contains a simple example of an integration between Screenly and TRACX.
+
+## Prerequisites
+
+- Ensure you have [Node.js](https://nodejs.org/) and [npm](https://www.npmjs.com/) installed.
+- Install all the necessary dependencies by running:
+```npm install```
+
+## Deploying the example
+
+### Development
+
+1. **Run Webpack in Watch Mode:**
+
+ This will automatically rebuild your project whenever you make changes to the source files.
+
+```npx webpack --watch```
+
+2. **Serve the App Locally:**
+
+Use the `screenly edge-app run` command to serve your app locally.
+
+```screenly edge-app run```
+
+This will start the app, and you should be able to access it from your browser.
+
+### Production
+
+1. **Build the App for Production:**
+
+This will create optimized builds suitable for production environments.
+
+```npx webpack --mode production```
+
+2. **Serve the App:**
+
+Just like in development, use the `screenly edge-app run` command.
+
+```screenly edge-app run```
+
+## Contributing
+
+If you'd like to contribute to this project, please fork the repository and submit a pull request.
+
+## License
+
+This project is licensed under the MIT License. See the [LICENSE](LICENSE) file for details.
diff --git a/edge-apps/tracx/build/index.html b/edge-apps/tracx/build/index.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="utf-8">
+  <title>QR Code Generator</title>
+  <script src="screenly.js?version=1"></script>
+  <link rel="stylesheet" href="static/main.css">
+</head>
+
+<body class="bg-[#00cd00] min-h-screen w-full relative">
+  <div class="absolute inset-8 bg-white grid md:grid-cols-2">
+    <div class="flex flex-col justify-center">
+      <div class="p-8 w-full text-center">
+        <span class="inline-block w-full max-w-sm">
+          <img src="resources/images/logo.svg" class="w-full" alt="">
+        </span>
+      </div>
+      <div class="px-2 -mt-8">
+        <img src="resources/images/banner.svg" class="w-full" />
+      </div>
+    </div>
+    <div class="w-full flex items-center justify-center relative overflow-hidden">
+      <div id="qr-code-container" class="flex shrink mt-16"></div>
+    </div>
+  </div>
+</body>
+<script src="static/bundle.js"></script>
+
+</html>