|
1 | | -# Welcome to your Lovable project |
| 1 | +<div align="center"> |
| 2 | + <img height="150" src="https://i.ibb.co/93YF65kX/eba88b7a-7fa1-4348-9168-b9b7b7315279.png" /> |
| 3 | +</div> |
2 | 4 |
|
3 | | -## Project info |
| 5 | +### |
4 | 6 |
|
5 | | -**URL**: https://lovable.dev/projects/d06fecaa-b722-4d89-bb6a-28342f7c3b84 |
| 7 | +<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" /> |
| 11 | +</div> |
6 | 12 |
|
7 | | -## How can I edit this code? |
| 13 | +### |
8 | 14 |
|
9 | | -There are several ways of editing your application. |
| 15 | +<h1 align="center">🔐 Secure Manager – RoundTable AI</h1> |
10 | 16 |
|
11 | | -**Use Lovable** |
| 17 | +### |
12 | 18 |
|
13 | | -Simply visit the [Lovable Project](https://lovable.dev/projects/d06fecaa-b722-4d89-bb6a-28342f7c3b84) and start prompting. |
| 19 | +<h3 align="left">👩💻 About</h3> |
14 | 20 |
|
15 | | -Changes made via Lovable will be committed automatically to this repo. |
| 21 | +### |
16 | 22 |
|
17 | | -**Use your preferred IDE** |
| 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> |
18 | 24 |
|
19 | | -If you want to work locally using your own IDE, you can clone this repo and push changes. Pushed changes will also be reflected in Lovable. |
| 25 | +### |
20 | 26 |
|
21 | | -The only requirement is having Node.js & npm installed - [install with nvm](https://github.com/nvm-sh/nvm#installing-and-updating) |
| 27 | +<h1 align="left">How Use</h1> |
22 | 28 |
|
23 | | -Follow these steps: |
| 29 | +### |
24 | 30 |
|
25 | | -```sh |
26 | | -# Step 1: Clone the repository using the project's Git URL. |
27 | | -git clone <YOUR_GIT_URL> |
| 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> |
28 | 32 |
|
29 | | -# Step 2: Navigate to the project directory. |
30 | | -cd <YOUR_PROJECT_NAME> |
| 33 | +### |
31 | 34 |
|
32 | | -# Step 3: Install the necessary dependencies. |
33 | | -npm i |
| 35 | +<h3 align="left">🛠 Language and tools</h3> |
34 | 36 |
|
35 | | -# Step 4: Start the development server with auto-reloading and an instant preview. |
36 | | -npm run dev |
37 | | -``` |
| 37 | +### |
38 | 38 |
|
39 | | -**Edit a file directly in GitHub** |
| 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> |
40 | 50 |
|
41 | | -- Navigate to the desired file(s). |
42 | | -- Click the "Edit" button (pencil icon) at the top right of the file view. |
43 | | -- Make your changes and commit the changes. |
| 51 | +### |
44 | 52 |
|
45 | | -**Use GitHub Codespaces** |
| 53 | +<h3 align="left">🔥 My Stats :</h3> |
46 | 54 |
|
47 | | -- Navigate to the main page of your repository. |
48 | | -- Click on the "Code" button (green button) near the top right. |
49 | | -- Select the "Codespaces" tab. |
50 | | -- Click on "New codespace" to launch a new Codespace environment. |
51 | | -- Edit files directly within the Codespace and commit and push your changes once you're done. |
52 | | - |
53 | | -## What technologies are used for this project? |
54 | | - |
55 | | -This project is built with: |
56 | | - |
57 | | -- Vite |
58 | | -- TypeScript |
59 | | -- React |
60 | | -- shadcn-ui |
61 | | -- Tailwind CSS |
62 | | - |
63 | | -## How can I deploy this project? |
64 | | - |
65 | | -Simply open [Lovable](https://lovable.dev/projects/d06fecaa-b722-4d89-bb6a-28342f7c3b84) and click on Share -> Publish. |
66 | | - |
67 | | -## Can I connect a custom domain to my Lovable project? |
68 | | - |
69 | | -Yes, you can! |
70 | | - |
71 | | -To connect a domain, navigate to Project > Settings > Domains and click Connect Domain. |
72 | | - |
73 | | -Read more here: [Setting up a custom domain](https://docs.lovable.dev/tips-tricks/custom-domain#step-by-step-guide) |
| 55 | +### |
0 commit comments