From 5c3d7444271580edc3093c49f46328fee42af2a9 Mon Sep 17 00:00:00 2001
From: akdeb <deb2@illinois.edu>
Date: Sat, 26 Apr 2025 01:59:26 +0100
Subject: [PATCH] update readme and app settings

---
 README.md                                               | 6 ++++++
 frontend-nextjs/app/components/Settings/AppSettings.tsx | 2 +-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/README.md b/README.md
index 3bc8440..8b4c878 100644
--- a/README.md
+++ b/README.md
@@ -45,8 +45,14 @@ Control your ESP32 AI device from your phone with the Elato AI webapp.
 | Select from a list of AI characters | Talk to your AI with real-time responses | Create personalized AI characters |
 |:--:|:--:|:--:|
 
+
 ## 🚀 Quick Start
 
+<a href="https://www.youtube.com/watch?v=bXrNRpGOJWw">
+  <img src="https://img.shields.io/badge/Quickstart%20Tutorial-YouTube-yellow?style=for-the-badge&logo=youtube" alt="Watch Demo on YouTube">
+</a>
+
+
 1. **Start Supabase**
 
 Install [Supabase CLI](https://supabase.com/docs/guides/local-development/cli/getting-started) and set up your Local Supabase Backend. From the root directory, run:
diff --git a/frontend-nextjs/app/components/Settings/AppSettings.tsx b/frontend-nextjs/app/components/Settings/AppSettings.tsx
index 9e8b724..3919440 100644
--- a/frontend-nextjs/app/components/Settings/AppSettings.tsx
+++ b/frontend-nextjs/app/components/Settings/AppSettings.tsx
@@ -106,7 +106,7 @@ const AppSettings: React.FC<AppSettingsProps> = ({
                 <h2 className="text-lg font-semibold border-b border-gray-200 pb-2">
                     Device settings
                 </h2>
-                {skipDeviceRegistration && <div className="flex flex-col text-purple-500 text-xs gap-2">You don't need to register your device because you're in dev mode.</div>}
+                {skipDeviceRegistration && <div className="flex flex-col text-purple-500 text-xs gap-2">You don't need to register your device because NEXT_PUBLIC_SKIP_DEVICE_REGISTRATION is set to True.</div>}
                 <div className="flex flex-col gap-6">
                 <div className="flex flex-col gap-2">
                     <div className="flex flex-row items-center gap-2">