No code interface for bracketbot

examples/noCode/.gitignore

@@ -0,0 +1,41 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.*
+.yarn/*
+!.yarn/patches
+!.yarn/plugins
+!.yarn/releases
+!.yarn/versions
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+.pnpm-debug.log*
+
+# env files (can opt-in for committing if needed)
+.env*
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts

examples/noCode/README.md

@@ -0,0 +1,53 @@
+# Robot Control Web Interface
+
+A web-based control interface for robot operation built with Next.js and MQTT communication.
+
+## Features
+
+- Real-time robot control via web interface
+- Touch-friendly mobile controls
+- Keyboard control support (Arrow keys)
+- Text-to-speech capability
+- Connection status monitoring
+- Responsive design for all devices
+
+## Prerequisites
+
+- Node.js 18.17 or later
+- Yarn package manager
+- Modern web browser with WebSocket support
+
+## Getting Started
+
+1. Clone the repository:
+
+```bash
+
+git clone <your-repository-url>
+
+cd examples/noCode
+```
+
+2. Install dependencies:
+
+```bash
+yarn install
+```
+
+3. Make sure that your Bracket bot server is running first
+
+```bash
+python3 nodes/start_all_nodes.py
+```
+
+4. Start your development server
+
+
+5. Open your browser and navigate to [http://localhost:3000](http://localhost:3000)
+
+## Usage
+Drag and drop and run it :)
+
+### Connection Status
+- Green indicator: Connected
+- Red indicator: Disconnected

examples/noCode/components.json

@@ -0,0 +1,21 @@
+{
+  "$schema": "https://ui.shadcn.com/schema.json",
+  "style": "new-york",
+  "rsc": true,
+  "tsx": true,
+  "tailwind": {
+    "config": "tailwind.config.ts",
+    "css": "src/app/globals.css",
+    "baseColor": "neutral",
+    "cssVariables": true,
+    "prefix": ""
+  },
+  "aliases": {
+    "components": "@/components",
+    "utils": "@/lib/utils",
+    "ui": "@/components/ui",
+    "lib": "@/lib",
+    "hooks": "@/hooks"
+  },
+  "iconLibrary": "lucide"
+}

examples/noCode/eslint.config.mjs

@@ -0,0 +1,16 @@
+import { dirname } from "path";
+import { fileURLToPath } from "url";
+import { FlatCompat } from "@eslint/eslintrc";
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = dirname(__filename);
+
+const compat = new FlatCompat({
+  baseDirectory: __dirname,
+});
+
+const eslintConfig = [
+  ...compat.extends("next/core-web-vitals", "next/typescript"),
+];
+
+export default eslintConfig;

examples/noCode/next.config.ts

@@ -0,0 +1,7 @@
+import type { NextConfig } from "next";
+
+const nextConfig: NextConfig = {
+  /* config options here */
+};
+
+export default nextConfig;