{"id":28283805,"url":"https://github.com/developermindset123/rag-chatbot-v1-frontend","last_synced_at":"2025-08-18T03:35:10.157Z","repository":{"id":293123370,"uuid":"982878575","full_name":"DeveloperMindset123/rag-chatbot-v1-frontend","owner":"DeveloperMindset123","description":"UI for rag-chatbot-v1-frontend","archived":false,"fork":false,"pushed_at":"2025-05-13T18:57:50.000Z","size":211,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-05-21T17:13:07.039Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://mcp-chatbot-tau.vercel.app","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/DeveloperMindset123.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"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,"zenodo":null}},"created_at":"2025-05-13T14:37:54.000Z","updated_at":"2025-05-13T18:58:33.000Z","dependencies_parsed_at":"2025-05-13T19:55:59.882Z","dependency_job_id":"16b706f8-fdd8-46b6-99dc-0ca117182788","html_url":"https://github.com/DeveloperMindset123/rag-chatbot-v1-frontend","commit_stats":null,"previous_names":["developermindset123/rag-chatbot-v1-frontend"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/DeveloperMindset123/rag-chatbot-v1-frontend","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DeveloperMindset123%2Frag-chatbot-v1-frontend","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DeveloperMindset123%2Frag-chatbot-v1-frontend/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DeveloperMindset123%2Frag-chatbot-v1-frontend/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DeveloperMindset123%2Frag-chatbot-v1-frontend/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/DeveloperMindset123","download_url":"https://codeload.github.com/DeveloperMindset123/rag-chatbot-v1-frontend/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DeveloperMindset123%2Frag-chatbot-v1-frontend/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":270940580,"owners_count":24671674,"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","status":"online","status_checked_at":"2025-08-18T02:00:08.743Z","response_time":89,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":[],"created_at":"2025-05-21T17:12:35.653Z","updated_at":"2025-08-18T03:35:10.148Z","avatar_url":"https://github.com/DeveloperMindset123.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# RAG Chatbot Frontend\n\nA Next.js based web application that serves as the frontend interface for the RAG Chatbot system.\n\n## Overview\n\nThis repository contains the frontend web application for the RAG (Retrieval-Augmented Generation) Chatbot. It provides a user-friendly interface to interact with the RAG Chatbot backend, allowing users to:\n\n- Send queries to the chatbot\n- View relevant context retrieved from the knowledge base\n- See conversation history\n- Configure and manage the chatbot settings\n\n## Prerequisites\n\n- Node.js 16.x or higher\n- npm, yarn, or pnpm package manager\n- A running instance of the [RAG Chatbot Backend](https://github.com/DeveloperMindset123/rag-chatbot-v1)\n\n## Installation\n\n1. Clone the repository:\n\n```bash\ngit clone https://github.com/DeveloperMindset123/rag-chatbot-v1-frontend.git\ncd rag-chatbot-v1-frontend\n```\n\n2. Install dependencies:\n\n```bash\n# Using npm\nnpm install\n\n# OR using yarn\nyarn install\n\n# OR using pnpm\npnpm install\n```\n\n3. Create a `.env.local` file in the root directory and add the following environment variables:\n\n```\nNEXT_PUBLIC_API_URL=http://localhost:8000  # Adjust this to match your backend URL\n```\n\n## Running the Application\n\nStart the development server:\n\n```bash\n# Using npm\nnpm run dev\n\n# OR using yarn\nyarn dev\n\n# OR using pnpm\npnpm dev\n```\n\nThe application will be available at [http://localhost:3000](http://localhost:3000).\n\n## Connecting to the Backend\n\n**Important:** For full functionality, you must have the RAG Chatbot backend running. Please follow the setup instructions in the [backend repository](https://github.com/DeveloperMindset123/rag-chatbot-v1) before using this frontend.\n\nThe backend provides:\n\n- ChromaDB vector storage\n- FastAPI server\n- LLM integration (Anthropic Claude and Google Gemini)\n- Model Context Protocol (MCP) implementation\n\n## Features\n\n- **Conversational Interface**: Chat-like interface for interacting with the RAG chatbot\n- **Context Visualization**: View the relevant context retrieved from the vector database\n- **Query History**: Browse through previous conversations\n- **Model Selection**: Choose between available language models (Claude or Gemini)\n- **Dark/Light Mode**: Toggle between dark and light themes\n- **Responsive Design**: Works on desktop and mobile devices\n\n## Project Structure\n\n```\nrag-chatbot-v1-frontend/\n├── app/                   # Next.js app router\n│   ├── page.tsx           # Home page\n│   ├── chat/              # Chat interface\n│   ├── settings/          # Settings page\n│   └── layout.tsx         # Root layout\n├── components/            # React components\n│   ├── chat/              # Chat-related components\n│   ├── ui/                # UI components\n├── lib/                   # Utility functions\n    ├──    ...             # Basic utillity functions\n└── next.config.js         # Next.js configuration\n```\n\n## Development\n\n### Recommended Extensions (VS Code)\n\n- ESLint\n- Prettier\n- Tailwind CSS IntelliSense\n\n### Scripts\n\n- `npm run dev` - Start the development server\n- `npm run build` - Build the application for production\n- `npm run start` - Start the production server\n- `npm run lint` - Run ESLint\n- `npm run format` - Format code with Prettier\n\n## Deployment\n\nThis Next.js application can be deployed to various platforms:\n\n- [Vercel](https://vercel.com/) (recommended)\n- [Netlify](https://www.netlify.com/)\n- [AWS Amplify](https://aws.amazon.com/amplify/)\n- Any platform supporting Node.js applications\n\n## Contributing\n\n1. Fork the repository\n2. Create a feature branch: `git checkout -b feature-name`\n3. Commit changes: `git commit -am 'Add new feature'`\n4. Push to the branch: `git push origin feature-name`\n5. Submit a pull request\n\n## License\n\nMIT License\n\n## Contact\n\ndasa60196@gmail.com\n\n## Related Projects\n\n- [RAG Chatbot Backend](https://github.com/DeveloperMindset123/rag-chatbot-v1) - The backend service for this frontend\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdevelopermindset123%2Frag-chatbot-v1-frontend","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdevelopermindset123%2Frag-chatbot-v1-frontend","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdevelopermindset123%2Frag-chatbot-v1-frontend/lists"}