Val Town Code SearchReturn to Val Town

22    <div id="root"></div>
23    
24    <!-- React app -->
25    <script type="module" src="/frontend/index.tsx"></script>
26</body>

24├── frontend/
25│   ├── index.html           # Main HTML template
26│   ├── index.tsx            # React app entry point
27│   ├── style.css            # Custom styles
28│   └── components/
41
42- **Backend**: Hono (TypeScript)
43- **Frontend**: React 18.2.0 + TypeScript
44- **Styling**: TailwindCSS
45- **Forms**: Contact and involvement forms

7      "id": 22,
8      "title": "bolt.diy",
9      "reactions": {
10        "url": "https://github.tools.sap/api/v3/repos/AI-GUILD-IL/os-contribution/issues/22/reactions",
11        "total_count": 1,
12        "+1": 0,
53      "id": 27,
54      "title": "🚀 Project: Fine-tune Devstral for Local, Private Code Assistance via Ollama & VS Code",
55      "reactions": {
56        "url": "https://github.tools.sap/api/v3/repos/AI-GUILD-IL/os-contribution/issues/27/reactions",
57        "total_count": 0,
58        "+1": 0,
96      "id": 26,
97      "title": "CVE Mitigator",
98      "reactions": {
99        "url": "https://github.tools.sap/api/v3/repos/AI-GUILD-IL/os-contribution/issues/26/reactions",
100        "total_count": 0,
101        "+1": 0,
139      "id": 25,
140      "title": "Jira Support Agent",
141      "reactions": {
142        "url": "https://github.tools.sap/api/v3/repos/AI-GUILD-IL/os-contribution/issues/25/reactions",
143        "total_count": 0,
144        "+1": 0,
182      "id": 24,
183      "title": "Software Dependency Upgrade Agent",
184      "reactions": {
185        "url": "https://github.tools.sap/api/v3/repos/AI-GUILD-IL/os-contribution/issues/24/reactions",
186        "total_count": 0,
187        "+1": 0,
225      "id": 23,
226      "title": "LLM Proxy Server for SAP AI Core",
227      "reactions": {
228        "url": "https://github.tools.sap/api/v3/repos/AI-GUILD-IL/os-contribution/issues/23/reactions",
229        "total_count": 1,
230        "+1": 1,
268      "id": 21,
269      "title": "litellm",
270      "reactions": {
271        "url": "https://github.tools.sap/api/v3/repos/AI-GUILD-IL/os-contribution/issues/21/reactions",
272        "total_count": 1,
273        "+1": 1,
314      "id": 20,
315      "title": "OpenDevin",
316      "reactions": {
317        "url": "https://github.tools.sap/api/v3/repos/AI-GUILD-IL/os-contribution/issues/20/reactions",
318        "total_count": 0,
319        "+1": 0,
358      "title": "Continue",
359      "description": "Continue is an IDE Assistant designed to enhance the coding experience by providing support and suggestions directly within the integrated development environment. It aims to streamline the coding process, making it easier for developers to write, debug, and optimize their code without switching contexts. This tool is open source, allowing for community contributions and improvements, and it is not a no-code solution, indicating that it is intended for users who are comfortable with coding.",
360      "reactions": {
361        "url": "https://github.tools.sap/api/v3/repos/AI-GUILD-IL/os-contribution/issues/19/reactions",
362        "total_count": 1,
363        "+1": 1,
402      "id": 18,
403      "title": "code-sandbox-mcp",
404      "reactions": {
405        "url": "https://github.tools.sap/api/v3/repos/AI-GUILD-IL/os-contribution/issues/18/reactions",
406        "total_count": 0,
407        "+1": 0,
445      "id": 16,
446      "title": "Semantic Kernel",
447      "reactions": {
448        "url": "https://github.tools.sap/api/v3/repos/AI-GUILD-IL/os-contribution/issues/16/reactions",
449        "total_count": 0,
450        "+1": 0,
490      "id": 15,
491      "title": "OpenGPTs",
492      "reactions": {
493        "url": "https://github.tools.sap/api/v3/repos/AI-GUILD-IL/os-contribution/issues/15/reactions",
494        "total_count": 0,
495        "+1": 0,
533      "id": 14,
534      "title": "smol-developer",
535      "reactions": {
536        "url": "https://github.tools.sap/api/v3/repos/AI-GUILD-IL/os-contribution/issues/14/reactions",
537        "total_count": 1,
538        "+1": 0,
576      "id": 13,
577      "title": "Aider",
578      "reactions": {
579        "url": "https://github.tools.sap/api/v3/repos/AI-GUILD-IL/os-contribution/issues/13/reactions",
580        "total_count": 0,
581        "+1": 0,
619      "id": 12,
620      "title": "Helicone",
621      "reactions": {
622        "url": "https://github.tools.sap/api/v3/repos/AI-GUILD-IL/os-contribution/issues/12/reactions",
623        "total_count": 1,
624        "+1": 0,
662      "id": 11,
663      "title": "MCP Agent",
664      "reactions": {
665        "url": "https://github.tools.sap/api/v3/repos/AI-GUILD-IL/os-contribution/issues/11/reactions",
666        "total_count": 0,
667        "+1": 0,
703    },
704    {
705      "raw": "# MCP Inspector    \r\n  ---\r\n  \r\n  ## 🔗 Repository URL  \r\n  https://github.com/modelcontextprotocol/inspector\r\n  \r\n  ## 🧠 Project Description  \r\n  Inspector tool for MCP messages—monitors and visualizes requests/responses between clients and servers.\r\n  \r\n  ## 🧩 Interoperability: Agent & Tool Protocol Fit  \r\n  Built to debug MCP; could be enhanced with better visualizations or support for A2A traffic in future extensions.\r\n  \r\n  ## 🛠️ How AI Guild Can Contribute  \r\n  - Extend to support multi servers  \r\n  \r\n  ## 🕒 Estimated Time Commitment  \r\n  Small (1-3 hours/week)\r\n \r\n  ## 🧪 Required Skills  \r\n  TypeScript, React, MCP, Debugging Tools\r\n\r\n   \r\n  ## ⚖️ License  \r\n  \r\n  \r\n  ---\r\n  \r\n  ## 💬 Additional Information  \r\n  \r\n  \r\n  📎 Linked source: `inspector.json`\r\n  ",
706      "id": 10,
707      "title": "MCP Inspector",
708      "reactions": {
709        "url": "https://github.tools.sap/api/v3/repos/AI-GUILD-IL/os-contribution/issues/10/reactions",
710        "total_count": 0,
711        "+1": 0,
749      "id": 9,
750      "title": "Open WebUI",
751      "reactions": {
752        "url": "https://github.tools.sap/api/v3/repos/AI-GUILD-IL/os-contribution/issues/9/reactions",
753        "total_count": 2,
754        "+1": 2,
795          "description": "GPT Pilot is an AI-driven assistant for building full-fledged applications autonomously from natural language prompts. GPT Pilot demonstrates high autonomy by employing a multi-agent system (Product Owner Agent, Software Architect Agent, DevOps Agent) to handle requirement analysis, technical planning, environment setup, and TDD-based code generation.",
796
797      "reactions": {
798        "url": "https://github.tools.sap/api/v3/repos/AI-GUILD-IL/os-contribution/issues/8/reactions",
799        "total_count": 1,
800        "+1": 1,
839      "id": 7,
840      "title": "Tutor-GPT",
841      "reactions": {
842        "url": "https://github.tools.sap/api/v3/repos/AI-GUILD-IL/os-contribution/issues/7/reactions",
843        "total_count": 1,
844        "+1": 0,
882      "id": 6,
883      "title": "big-AGI",
884      "reactions": {
885        "url": "https://github.tools.sap/api/v3/repos/AI-GUILD-IL/os-contribution/issues/6/reactions",
886        "total_count": 0,
887        "+1": 0,
925      "id": 5,
926      "title": "Zed",
927      "reactions": {
928        "url": "https://github.tools.sap/api/v3/repos/AI-GUILD-IL/os-contribution/issues/5/reactions",
929        "total_count": 0,
930        "+1": 0,
969      "id": 4,
970      "title": "XState Agent",
971      "reactions": {
972        "url": "https://github.tools.sap/api/v3/repos/AI-GUILD-IL/os-contribution/issues/4/reactions",
973        "total_count": 0,
974        "+1": 0,
1013      "id": 3,
1014      "title": "AutoGen Studio",
1015      "reactions": {
1016        "url": "https://github.tools.sap/api/v3/repos/AI-GUILD-IL/os-contribution/issues/3/reactions",
1017        "total_count": 0,
1018        "+1": 0,
1056      "id": 2,
1057      "title": "LlamaIndex",
1058      "reactions": {
1059        "url": "https://github.tools.sap/api/v3/repos/AI-GUILD-IL/os-contribution/issues/2/reactions",
1060        "total_count": 0,
1061        "+1": 0,
1099      "id": 1,
1100      "title": "DocETL",
1101      "reactions": {
1102        "url": "https://github.tools.sap/api/v3/repos/AI-GUILD-IL/os-contribution/issues/1/reactions",
1103        "total_count": 0,
1104        "+1": 0,

1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import { renderToString } from "npm:react-dom@18.2.0/server";
3export default async function() {
4  const quotes = [

1/** @jsxImportSource https://esm.sh/react */
2import { renderToString } from "npm:react-dom/server";
3
4export default async function(req: Request) {

1/** @jsxImportSource https://esm.sh/react */
2import { renderToString } from "npm:react-dom/server";
3
4export default async function(req: Request) {

1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import React from "https://esm.sh/react@18.2.0";
3
4interface FooterProps {
6}
7
8const Footer: React.FC<FooterProps> = ({ onNavigate }) => {
9  return (
10    <footer className="bg-surface border-t border-custom">

1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import React from "https://esm.sh/react@18.2.0";
3
4interface HomeProps {
6}
7
8const Home: React.FC<HomeProps> = ({ onNavigate }) => {
9  return (
10    <div className="min-h-screen">

1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import React, { useState } from "https://esm.sh/react@18.2.0";
3
4interface HeaderProps {
7}
8
9const Header: React.FC<HeaderProps> = ({ currentPage, onNavigate }) => {
10  const [isMenuOpen, setIsMenuOpen] = useState(false);
11

10├── frontend/
11│   ├── components/
12│   │   ├── App.tsx          # Main React app with theme management
13│   │   ├── Header.tsx       # Modern navigation component
14│   │   ├── Footer.tsx       # Clean footer component
89## Tech Stack
90
91- **Frontend**: React 18.2.0 with TypeScript
92- **Backend**: Hono framework
93- **Styling**: TailwindCSS + Custom CSS variables
134## Getting Started
135
136The website is fully functional with modern UI/UX. The main entry point is `/backend/index.ts` which serves the React application.
137
138**Toggle between light and dark themes** using the floating button in the top-right corner to experience both modes!