# 🔐 Secure Manager – RoundTable AI
> A fully client-side AI orchestration interface built with React, TypeScript, and TailwindCSS.
> It collects responses from multiple AI models (ChatGPT, Gemini, Claude, LLaMA via Ollama, etc.)
> and generates a final summary using ChatGPT.
---
## 📌 Features
- 🌐 **Frontend-only App** – No backend, no database required
- 🤖 **Multi-AI Responses** – Sends user input to multiple AI providers
- 🧠 **Summary Engine** – Uses ChatGPT to summarize responses
- 🔧 **Custom API Keys** – Configure each AI model with your own API key (stored in `localStorage`)
- ✅ **Toggle AI Models** – Enable/disable each model dynamically
- 📋 **Copy Responses** – Easily copy answers with one click
- ♻️ **Reset Form** – Clear input and all responses with a reset
- 🌀 **Responsive UI** – Circular, card-based layout for displaying answers
---
## 🧱 Tech Stack
- ⚛️ **React** (with Hooks)
- ⛑️ **TypeScript**
- 🎨 **TailwindCSS**
- 📦 **Vite** (for development and build)
- 💾 **localStorage** for saving API keys and settings
---
1. Clone the Repository
git clone https://github.com/securemanager/ai-roundtable-love.git
cd ai-roundtable-love
2. Install Dependencies
npm install
# or
yarn install
3. Start Development Server
npm run dev
# or
yarn dev
Then open your browser and go to:
http://localhost:5173
📁 src/
┣ 📂 components/
┃ ┗ 📄 AIResponseCard.tsx
┣ 📂 hooks/
┣ 📂 utils/
┣ 📄 App.tsx
┣ 📄 main.tsx
┣ 📄 index.html
┣ 📄 tailwind.config.ts