{"id":25580563,"url":"https://github.com/spark-engine-ai/basic-sparkengine-chatbot","last_synced_at":"2026-03-30T23:30:18.192Z","repository":{"id":244298770,"uuid":"814837756","full_name":"spark-engine-ai/basic-sparkengine-chatbot","owner":"spark-engine-ai","description":"A lightweight AI chatbot template built with Spark Engine, Next js and Mantine UI","archived":false,"fork":false,"pushed_at":"2024-10-04T23:09:02.000Z","size":509,"stargazers_count":5,"open_issues_count":0,"forks_count":1,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-02-21T04:16:49.552Z","etag":null,"topics":["agentic","agi","ai","automation","chatbot","llm","multi-agent-systems"],"latest_commit_sha":null,"homepage":"https://sparkchat-sdk.sparkengine.ai","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/spark-engine-ai.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-06-13T20:11:34.000Z","updated_at":"2025-01-09T16:43:51.000Z","dependencies_parsed_at":"2024-09-15T03:32:29.170Z","dependency_job_id":"4f661a78-cfeb-4c83-b567-29a2e9103eeb","html_url":"https://github.com/spark-engine-ai/basic-sparkengine-chatbot","commit_stats":null,"previous_names":["spark-engine-ai/sparkchat-sdk","spark-engine-ai/basic-sparkengine-chatbot"],"tags_count":0,"template":true,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/spark-engine-ai%2Fbasic-sparkengine-chatbot","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/spark-engine-ai%2Fbasic-sparkengine-chatbot/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/spark-engine-ai%2Fbasic-sparkengine-chatbot/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/spark-engine-ai%2Fbasic-sparkengine-chatbot/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/spark-engine-ai","download_url":"https://codeload.github.com/spark-engine-ai/basic-sparkengine-chatbot/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":239952620,"owners_count":19723924,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["agentic","agi","ai","automation","chatbot","llm","multi-agent-systems"],"created_at":"2025-02-21T04:16:51.978Z","updated_at":"2026-03-30T23:30:18.065Z","avatar_url":"https://github.com/spark-engine-ai.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# sparkchat-sdk\n\nA lightweight AI chatbot template built with Spark Engine, Next.js, and Mantine UI.\n\n![Spark Engine Chatbot](readme-img.png)\n\n## Introduction\n\nSpark Engine is an autonomous solutions company with a no-code engine for making advanced multi-agent systems and early AGI systems. This project leverages the Spark Engine API to create an AI chatbot that can interact with users through a web interface built with Next.js and Mantine UI.\n\n## Getting Started\n\nFollow these steps to set up and run your Spark Engine chatbot project:\n\n### Step 1: Get an API Key\n\n1. Go to [Spark Engine](https://sparkengine.ai).\n2. Navigate to `Account \u003e Keys`.\n3. Copy your API key.\n\n### Step 2: Configure the Project\n\n1. Open the project and navigate to `/components/chatbot.tsx`.\n2. Find and replace the `SPARKENGINE_PROJECT_ID` with the ID of any public or personal project on Spark Engine. You can use the example provided or your own project ID.\n\n    ```typescript\n    const PROJECT_ID = \"your-project-id-here\"; // Replace with your project ID\n    ```\n\n3. Ensure that you have set your API key in the `.env.local` file in the root of your project:\n\n    ```plaintext\n    SPARKENGINE_API_KEY=your-api-key\n    ```\n\n### Step 3: Run the Project\n\n1. Install the project dependencies:\n\n    ```bash\n    npm install\n    ```\n\n2. Run the development server:\n\n    ```bash\n    npm run dev\n    ```\n\n3. Open your browser and go to `http://localhost:3000` to see your chatbot in action.\n\n## Project Structure\n\nHere's a brief overview of the project structure:\n\n- **components**: Contains the main React components (`chatbot.tsx`, `input.tsx`, `message.tsx`, `markdown.tsx`, `loader.tsx`, `navbar.tsx`).\n- **styles**: Contains the CSS modules for styling components.\n- **app**: Contains the API route for proxying requests to the Spark Engine API.\n- **.env.local**: File for storing environment variables such as your Spark Engine API key.\n\n## Features\n\n- **Chatbot Interface**: Interact with your Spark Engine projects through a conversational interface.\n- **Loader**: Shows a loading indicator while waiting for responses from the Spark Engine API.\n- **Responsive Design**: Built with Mantine UI for a responsive and accessible design.\n\n## About Spark Engine\n\nSpark Engine is an autonomous solutions company with a no-code engine for making advanced multi-agent systems and early AGI systems. It allows users to create complex AI-driven projects without writing code, leveraging the power of multi-agent systems to achieve sophisticated tasks.\n\n## Contributing\n\nFeel free to fork this project and contribute by submitting pull requests. Any contributions are welcome!\n\n## License\n\nThis project is licensed under the MIT License. See the LICENSE file for details.\n\n---\n\nFor more information about Spark Engine, visit [sparkengine.ai](https://sparkengine.ai).","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fspark-engine-ai%2Fbasic-sparkengine-chatbot","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fspark-engine-ai%2Fbasic-sparkengine-chatbot","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fspark-engine-ai%2Fbasic-sparkengine-chatbot/lists"}