|
| 1 | +<h1 align="center">🔐 Secure Manager – RoundTable AI</h1> |
| 2 | + |
| 3 | +### |
| 4 | + |
1 | 5 | <div align="center"> |
2 | | - <img height="150" src="https://i.ibb.co/93YF65kX/eba88b7a-7fa1-4348-9168-b9b7b7315279.png" /> |
| 6 | + <img src="https://skillicons.dev/icons?i=ts" height="60" alt="typescript logo" /> |
| 7 | + <img width="12" /> |
| 8 | + <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/react/react-original.svg" height="60" alt="react logo" /> |
| 9 | + <img width="12" /> |
| 10 | + <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/tailwindcss/tailwindcss-original-wordmark.svg" height="60" alt="tailwindcss logo" /> |
| 11 | + <img width="12" /> |
| 12 | + <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/nodejs/nodejs-original.svg" height="60" alt="nodejs logo" /> |
| 13 | + <img width="12" /> |
| 14 | + <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/javascript/javascript-original.svg" height="60" alt="javascript logo" /> |
| 15 | + <img width="12" /> |
| 16 | + <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/css3/css3-original.svg" height="60" alt="css3 logo" /> |
| 17 | + <img width="12" /> |
| 18 | + <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/html5/html5-original.svg" height="60" alt="html5 logo" /> |
| 19 | + <img width="12" /> |
| 20 | + <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/npm/npm-original-wordmark.svg" height="60" alt="npm logo" /> |
3 | 21 | </div> |
4 | 22 |
|
5 | 23 | ### |
6 | 24 |
|
7 | 25 | <div align="center"> |
8 | | - <img src="https://img.shields.io/static/v1?message=LinkedIn&logo=linkedin&label=&color=0077B5&logoColor=white&labelColor=&style=for-the-badge" height="25" alt="linkedin logo" /> |
9 | | - <img src="https://img.shields.io/static/v1?message=Youtube&logo=youtube&label=&color=FF0000&logoColor=white&labelColor=&style=for-the-badge" height="25" alt="youtube logo" /> |
10 | | - <img src="https://img.shields.io/static/v1?message=Twitter&logo=twitter&label=&color=1DA1F2&logoColor=white&labelColor=&style=for-the-badge" height="25" alt="twitter logo" /> |
| 26 | + <a href="https://www.linkedin.com/company/securemanager/" target="_blank"> |
| 27 | + <img src="https://img.shields.io/static/v1?message=LinkedIn&logo=linkedin&label=&color=0077B5&logoColor=white&labelColor=&style=for-the-badge" height="25" alt="linkedin logo" /> |
| 28 | + </a> |
| 29 | + <a href="https://www.youtube.com/securemanager" target="_blank"> |
| 30 | + <img src="https://img.shields.io/static/v1?message=Youtube&logo=youtube&label=&color=FF0000&logoColor=white&labelColor=&style=for-the-badge" height="25" alt="youtube logo" /> |
| 31 | + </a> |
| 32 | + <a href="https://www.instagram.com/securemanager" target="_blank"> |
| 33 | + <img src="https://img.shields.io/static/v1?message=Instagram&logo=instagram&label=&color=E4405F&logoColor=white&labelColor=&style=for-the-badge" height="25" alt="instagram logo" /> |
| 34 | + </a> |
11 | 35 | </div> |
12 | 36 |
|
13 | 37 | ### |
14 | 38 |
|
15 | | -<h1 align="center">🔐 Secure Manager – RoundTable AI</h1> |
| 39 | +<div align="center"> |
| 40 | + <img src="https://streak-stats.demolab.com?user=securemanager&locale=en&mode=daily&theme=dracula&hide_border=false&border_radius=5&order=3" height="150" alt="streak graph" /> |
| 41 | + <img src="https://github-profile-trophy.vercel.app?username=securemanager&theme=dracula&column=-1&row=1&margin-w=8&margin-h=8&no-bg=false&no-frame=false&order=4" height="150" alt="trophy graph" /> |
| 42 | +</div> |
16 | 43 |
|
17 | 44 | ### |
18 | 45 |
|
19 | | -<h3 align="left">👩💻 About</h3> |
| 46 | +<picture> |
| 47 | + <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/securemanager/securemanager/output/pacman-contribution-graph-dark.svg"> |
| 48 | + <source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/securemanager/securemanager/output/pacman-contribution-graph.svg"> |
| 49 | + <img alt="pacman contribution graph" src="https://raw.githubusercontent.com/securemanager/securemanager/output/pacman-contribution-graph.svg"> |
| 50 | +</picture> |
20 | 51 |
|
21 | 52 | ### |
22 | 53 |
|
23 | | -<p align="left">> A fully client-side AI orchestration interface built with React, TypeScript, and TailwindCSS. <br>> It collects responses from multiple AI models (ChatGPT, Gemini, Claude, LLaMA via Ollama, etc.) <br>> and generates a final summary using ChatGPT.<br><br>📌 Features<br><br>- 🌐 **Frontend-only App** – No backend, no database required<br>- 🤖 **Multi-AI Responses** – Sends user input to multiple AI providers<br>- 🧠 **Summary Engine** – Uses ChatGPT to summarize responses<br>- 🔧 **Custom API Keys** – Configure each AI model with your own API key (stored in `localStorage`)<br>- ✅ **Toggle AI Models** – Enable/disable each model dynamically<br>- 📋 **Copy Responses** – Easily copy answers with one click<br>- ♻️ **Reset Form** – Clear input and all responses with a reset<br>- 🌀 **Responsive UI** – Circular, card-based layout for displaying answers<br><br>---<br><br> 🧱 Tech Stack<br><br>- ⚛️ **React** (with Hooks)<br>- ⛑️ **TypeScript**<br>- 🎨 **TailwindCSS**<br>- 📦 **Vite** (for development and build)<br>- 💾 **localStorage** for saving API keys and settings<br><br>---<br><br>🚀 Getting Started<br><br> 1. Clone the Repository<br><br>git clone https://github.com/securemanager/ai-roundtable-love.git<br><br>cd ai-roundtable-love</p> |
| 54 | +<h1 align="left">About</h1> |
24 | 55 |
|
25 | 56 | ### |
26 | 57 |
|
27 | | -<h1 align="left">How Use</h1> |
| 58 | +<p align="left"># 🔐 Secure Manager – RoundTable AI<br><br>> A fully client-side AI orchestration interface built with React, TypeScript, and TailwindCSS. <br>> It collects responses from multiple AI models (ChatGPT, Gemini, Claude, LLaMA via Ollama, etc.) <br>> and generates a final summary using ChatGPT.<br><br>---<br><br>## 📌 Features<br><br>- 🌐 **Frontend-only App** – No backend, no database required<br>- 🤖 **Multi-AI Responses** – Sends user input to multiple AI providers<br>- 🧠 **Summary Engine** – Uses ChatGPT to summarize responses<br>- 🔧 **Custom API Keys** – Configure each AI model with your own API key (stored in `localStorage`)<br>- ✅ **Toggle AI Models** – Enable/disable each model dynamically<br>- 📋 **Copy Responses** – Easily copy answers with one click<br>- ♻️ **Reset Form** – Clear input and all responses with a reset<br>- 🌀 **Responsive UI** – Circular, card-based layout for displaying answers<br><br>---<br><br>## 🧱 Tech Stack<br><br>- ⚛️ **React** (with Hooks)<br>- ⛑️ **TypeScript**<br>- 🎨 **TailwindCSS**<br>- 📦 **Vite** (for development and build)<br>- 💾 **localStorage** for saving API keys and settings<br><br>---</p> |
28 | 59 |
|
29 | 60 | ### |
30 | 61 |
|
31 | | -<p align="left">🚀 Getting Started<br><br> 1. Clone the Repository<br><br>git clone https://github.com/securemanager/ai-roundtable-love.git<br><br>cd ai-roundtable-love<br><br><br>2. Install Dependencies <br><br>npm install<br># or<br>yarn install<br><br><br>3. Start Development Server<br><br>npm run dev<br># or<br>yarn dev</p> |
| 62 | +<h1 align="left">🚀 Getting Started</h1> |
32 | 63 |
|
33 | 64 | ### |
34 | 65 |
|
35 | | -<h3 align="left">🛠 Language and tools</h3> |
| 66 | +<p align="left">1. Clone the Repository<br><br>git clone https://github.com/securemanager/ai-roundtable-love.git<br><br>cd ai-roundtable-love<br><br>2. Install Dependencies<br><br>npm install<br># or<br>yarn install<br><br>3. Start Development Server<br><br>npm run dev<br># or<br>yarn dev<br><br><br>Then open your browser and go to:<br><br>http://localhost:5173</p> |
36 | 67 |
|
37 | 68 | ### |
38 | 69 |
|
39 | | -<div align="center"> |
40 | | - <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/react/react-original.svg" height="40" alt="react logo" /> |
41 | | - <img width="12" /> |
42 | | - <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/nodejs/nodejs-original.svg" height="40" alt="nodejs logo" /> |
43 | | - <img width="12" /> |
44 | | - <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/javascript/javascript-original.svg" height="40" alt="javascript logo" /> |
45 | | - <img width="12" /> |
46 | | - <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/typescript/typescript-original.svg" height="40" alt="typescript logo" /> |
47 | | - <img width="12" /> |
48 | | - <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/tailwindcss/tailwindcss-original-wordmark.svg" height="40" alt="tailwindcss logo" /> |
49 | | -</div> |
| 70 | +<h1 align="left">📂 Project Structure</h1> |
50 | 71 |
|
51 | 72 | ### |
52 | 73 |
|
53 | | -<h3 align="left">🔥 My Stats :</h3> |
| 74 | +<p align="left">📁 src/<br> ┣ 📂 components/<br> ┃ ┗ 📄 AIResponseCard.tsx<br> ┣ 📂 hooks/<br> ┣ 📂 utils/<br> ┣ 📄 App.tsx<br> ┣ 📄 main.tsx<br>┣ 📄 index.html<br>┣ 📄 tailwind.config.ts</p> |
54 | 75 |
|
55 | 76 | ### |
0 commit comments