Spaces:

voidisopenyt
/

deepsite-project

Running

App Files Files Community

voidisopenyt commited on Sep 27, 2025

Commit

f6cec31

verified ·

1 Parent(s): 8b16a31

so iam building an AI and i thought itll be good to make a AI database generator, like u know those databases that has alot of code and if u train it using a cpu/gpu, and plug it into your AI itll start talking right? make onet that can generate using your questions, and make a sidebar where u can talk to the ai building it so u can tweak it, u can export it in a ipynb (the notebook format) or better a zip if you actally have the training gpu in ur pc, and make it so like u will just need to type a a pip install for the installations (to train the database im saying make it this simple) and then use "python train.py" and itll train for the person who generated the database using this thing and use claude sonnet 4 (best) or like just do the best ai api keys u hav for the AI

Browse files

Files changed (2) hide show

generator.html +150 -0
index.html +6 -1

generator.html ADDED Viewed

	@@ -0,0 +1,150 @@

+<!doctype html>
+<html>
+<head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width" />
+    <title>AI Database Generator</title>
+    <link rel="stylesheet" href="style.css" />
+    <script src="https://cdn.tailwindcss.com"></script>
+    <style>
+        .sidebar {
+            width: 300px;
+            height: 100vh;
+            position: fixed;
+            right: 0;
+            top: 0;
+            background: #f5f5f5;
+            padding: 20px;
+            border-left: 1px solid #ddd;
+            overflow-y: auto;
+        }
+        .main-content {
+            margin-right: 320px;
+            padding: 20px;
+        }
+        .chat-message {
+            margin-bottom: 10px;
+            padding: 10px;
+            border-radius: 5px;
+        }
+        .user-message {
+            background: #e3f2fd;
+        }
+        .ai-message {
+            background: #f1f1f1;
+        }
+        .api-key-input {
+            margin-bottom: 20px;
+        }
+    </style>
+</head>
+<body>
+    <div class="sidebar">
+        <h2>AI Assistant</h2>
+        <div class="api-key-input">
+            <label for="api-key">Enter Gemini API Key:</label>
+            <input type="password" id="api-key" placeholder="Your Gemini API key">
+            <button id="save-key">Save</button>
+        </div>
+        <div id="chat-container">
+            <div class="chat-message ai-message">
+                Hello! I'm here to help you build your AI training dataset. What would you like to generate today?
+            </div>
+        </div>
+        <div class="chat-input">
+            <input type="text" id="user-input" placeholder="Ask me anything...">
+            <button id="send-message">Send</button>
+        </div>
+    </div>
+    <div class="main-content">
+        <h1>AI Database Generator</h1>
+        <div class="card">
+            <h2>Configuration</h2>
+            <div class="form-group">
+                <label>Dataset Type:</label>
+                <select id="dataset-type">
+                    <option value="conversational">Conversational</option>
+                    <option value="qna">Q&A</option>
+                    <option value="code">Code Examples</option>
+                </select>
+            </div>
+            <div class="form-group">
+                <label>Prompt:</label>
+                <textarea id="dataset-prompt" rows="4" placeholder="Describe what you want in your dataset..."></textarea>
+            </div>
+            <button id="generate-btn">Generate Dataset</button>
+        </div>
+        <div class="card" id="output-section" style="display:none;">
+            <h2>Generated Output</h2>
+            <div id="generated-content"></div>
+            <div class="export-options">
+                <button id="export-ipynb">Export as Jupyter Notebook</button>
+                <button id="export-zip">Export as ZIP (with training scripts)</button>
+            </div>
+            <div class="training-instructions">
+                <h3>Training Instructions</h3>
+                <p>To train your model:</p>
+                <pre>pip install -r requirements.txt
+python train.py</pre>
+            </div>
+        </div>
+    </div>
+    <script>
+        document.getElementById('generate-btn').addEventListener('click', function() {
+            const apiKey = document.getElementById('api-key').value;
+            if (!apiKey) {
+                alert('Please enter your Gemini API key first');
+                return;
+            }
+            const datasetType = document.getElementById('dataset-type').value;
+            const prompt = document.getElementById('dataset-prompt').value;
+            // Simulate generation (in a real app, this would call the Gemini API)
+            document.getElementById('output-section').style.display = 'block';
+            document.getElementById('generated-content').innerHTML = `
+                <p>Generating ${datasetType} dataset based on: "${prompt}"</p>
+                <p>Dataset generation complete! Ready for export.</p>
+            `;
+            // Add to chat
+            const chatContainer = document.getElementById('chat-container');
+            const userMessage = document.createElement('div');
+            userMessage.className = 'chat-message user-message';
+            userMessage.textContent = `I want to generate a ${datasetType} dataset about: ${prompt}`;
+            chatContainer.appendChild(userMessage);
+            const aiMessage = document.createElement('div');
+            aiMessage.className = 'chat-message ai-message';
+            aiMessage.textContent = `I've generated your ${datasetType} dataset. You can now export it for training.`;
+            chatContainer.appendChild(aiMessage);
+        });
+        document.getElementById('send-message').addEventListener('click', function() {
+            const input = document.getElementById('user-input').value;
+            if (!input) return;
+            const chatContainer = document.getElementById('chat-container');
+            const userMessage = document.createElement('div');
+            userMessage.className = 'chat-message user-message';
+            userMessage.textContent = input;
+            chatContainer.appendChild(userMessage);
+            // Simulate AI response
+            setTimeout(() => {
+                const aiMessage = document.createElement('div');
+                aiMessage.className = 'chat-message ai-message';
+                aiMessage.textContent = "I can help you refine your dataset requirements. What specific aspects would you like to focus on?";
+                chatContainer.appendChild(aiMessage);
+                chatContainer.scrollTop = chatContainer.scrollHeight;
+            }, 1000);
+            document.getElementById('user-input').value = '';
+            chatContainer.scrollTop = chatContainer.scrollHeight;
+        });
+    </script>
+</body>
+</html>

index.html CHANGED Viewed

@@ -14,6 +14,11 @@
 				Also don't forget to check the
 				<a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
 			</p>
-		</div>
 	</body>
 </html>

 				Also don't forget to check the
 				<a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
 			</p>
+			<div class="card">
+				<h2>AI Database Generator</h2>
+				<p>Generate custom AI training datasets with our interactive tool:</p>
+				<a href="generator.html" class="button">Launch AI Generator</a>
+			</div>
+</div>
 	</body>
 </html>