From ff7922e38940203ce08d54b3718e91703e862f98 Mon Sep 17 00:00:00 2001
From: Maneesh-Relanto <maneesh@relanto.ai>
Date: Tue, 3 Feb 2026 02:22:05 +0530
Subject: [PATCH] feat: Add Streamlit live demo link to README and docs

- Added prominent  Try Live Demo button in README navigation
- Added eye-catching Live Demo badge below header
- Integrated interactive demo link in GitHub Pages intro
- Live URL: https://mthakur-rbac-algorithm.streamlit.app/
- Users can now experiment with RBAC features without installation
---
 README.md          |  5 +++++
 docs/docs/intro.md | 19 +++++++++++++++++++
 2 files changed, 24 insertions(+)

diff --git a/README.md b/README.md
index 76487ea..2b75be5 100644
--- a/README.md
+++ b/README.md
@@ -9,6 +9,7 @@
 </p>
 
 <p align="center">
+  <a href="https://mthakur-rbac-algorithm.streamlit.app/">🎮 Try Live Demo</a> •
   <a href="#-interactive-documentation">📖 Interactive Docs</a> •
   <a href="#-quick-start">⚡ Quick Start</a> •
   <a href="#-key-features">✨ Features</a> •
@@ -16,6 +17,10 @@
   <a href="docs/CONTRIBUTING.md">🤝 Contributing</a>
 </p>
 
+<p align="center">
+  <a href="https://mthakur-rbac-algorithm.streamlit.app/"><img src="https://img.shields.io/badge/🎮_Live_Demo-Try_Now-blue?style=for-the-badge" alt="Live Demo"></a>
+</p>
+
 <p align="center">
   <a href="LICENSE"><img src="https://img.shields.io/badge/license-MIT-blue.svg" alt="License: MIT"></a>
   <img src="https://img.shields.io/badge/python-3.8+-blue.svg" alt="Python 3.8+">
diff --git a/docs/docs/intro.md b/docs/docs/intro.md
index 766a147..b1d9d8c 100644
--- a/docs/docs/intro.md
+++ b/docs/docs/intro.md
@@ -6,6 +6,25 @@ sidebar_position: 1
 
 <div style={{textAlign: 'center', margin: '2rem 0'}}>
   <img src="/img/logo.svg" alt="RBAC Algorithm Logo" width="150" style={{marginBottom: '1rem'}} />
+  
+  <div style={{marginTop: '1rem'}}>
+    <a href="https://mthakur-rbac-algorithm.streamlit.app/" target="_blank" rel="noopener noreferrer" style={{
+      display: 'inline-block',
+      padding: '12px 24px',
+      backgroundColor: '#FF4B4B',
+      color: 'white',
+      textDecoration: 'none',
+      borderRadius: '8px',
+      fontWeight: 'bold',
+      fontSize: '1.1rem',
+      marginBottom: '1rem'
+    }}>
+      🎮 Try Interactive Demo →
+    </a>
+    <p style={{fontSize: '0.9rem', color: '#666'}}>
+      Experiment with RBAC features in real-time - No installation required!
+    </p>
+  </div>
 </div>
 
 Welcome to **RBAC Algorithm** - a powerful, enterprise-grade Role-Based Access Control library designed for modern applications.