- ๐ Hi, Iโm @mckaywrigley
mckaywrigley / chatbot-ui-lite Goto Github PK
View Code? Open in Web Editor NEWA simple chatbot starter kit for OpenAI's chat model using Next.js, TypeScript, and Tailwind CSS.
License: MIT License
A simple chatbot starter kit for OpenAI's chat model using Next.js, TypeScript, and Tailwind CSS.
License: MIT License
#Data retain again
When i am ask the question Chatbot UI , question pass in payload and when i am ask again new question, question again pas in payload and i saw the payload question and answer all are storing in payload. Its too heavy for chatbot ui.
#Check this
{"model":"gpt-3.5-turbo","messages":[{"role":"system","content":"You are a helpful, friendly, assistant."},{"role":"assistant","content":"Hi there! I'm Chatbot UI, an AI assistant. I can help you with things like answering questions, providing information, and helping with tasks. How can I help you?"},{"role":"user","content":"what is a machine learning"},{"role":"assistant","content":"Machine learning is a type of artificial intelligence (AI) that allows computer systems to automatically learn and improve from experience without being explicitly programmed. It involves the use of algorithms and statistical models to enable computers to learn from data, identify patterns, and make predictions or decisions based on that data. Machine learning is used in a wide range of applications, including image recognition, natural language processing, fraud detection, and recommendation systems."},{"role":"user","content":"what is a mlflow"}],"max_tokens":800,"temperature":0,"stream":true}
I created a new project with:
npx create-next-app@latest
Installed this repo as a dependency:
npm install mckaywrigley/chatbot-ui-lite#main
In the file pages/index.tsx
I added this line on top:
import { Chat } from "ai-chatbot-starter/components/Chat/Chat";
Then I inserted the component in the HTML of the home
function:
<Chat
/>
When I run the code (npm run dev
) I get this error:
./node_modules/ai-chatbot-starter/components/Chat/Chat.tsx
Module parse failed: The keyword 'interface' is reserved (8:0)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
| import { ResetChat } from "./ResetChat";
|
> interface Props {
| messages: Message[];
| loading: boolean;
Sometimes I get a similar error in ResetChat.tsx
.
I suppose there is a configuration issue in my project or in this one, but I the few solutions I found on Google didn't work for me.
Also, I'm not sure this repo is ready to be imported into other projects.
Hello, thank you very much for your code! I would like to deploy this app to my domain, but I don't know how to do it. Do you know of any simple methods, such as using Cloudflare?
I tried to start the sever in local using npm run dev, but somehow the front end always stuck at https://github.com/mckaywrigley/chatbot-ui/blob/main/pages/index.tsx#L24. I tried to add logging, and it just never return in the fetch of /api/chat
. Do you know why?
Please add groq api support
Looks very nice! Can you create a version for Nuxt? https://nuxt.com/
How do I change the model from 3.5 to 4?
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.