Building a ChatGPT GUI with memory/own data

API
1

Hi,

I’m looking for a quick way to build a basic web based GUI for ChatGPT which has memory and to which I can add personal data (PineCone?).
I know LangChain could be used but how to attach LangChain to a GUI?
Thanks for your help.

Steven

1 Like
2

Here are some references that might be of interest.

It has the UI included and uses langchain.

And here is a video on how to use langchain to chat with your own data:

I mean for the backend server you can use Flask in python and create an endpoint and then you put a javascript lib as a UI e.g. reactjs, angular, even jquery or raw javascript is possible.

Pretty sure there are many repositories out there that have a simple chat.

But for simplicity you will need this HTML structure:

[-----------------]
chat body

→ a layer in which you have a placeholder for role (user or bot) and a placeholder for the message

→ a layer in which you have a placeholder for role (user or bot) and a placeholder for the message

→ a layer in which you have a placeholder for role (user or bot) and a placeholder for the message

→ a layer in which you have a placeholder for role (user or bot) and a placeholder for the message

[-----------------]
input type text
submit button

And a javascript function that does an ajax request to the backend (e.g. flask server) which should respond with a json with an array of role and message where you have to loop over and fill the chatbody (you may as well just add a new layer inside) and also clear the input field.

…

Well, here you go:

https://chat.openai.com/share/3ae258ae-aef1-4369-95d8-05ecb5dd9ae3

If you want some style on that continue the chat, ask it to search the web for newest style ideas on chats and create you a full HTML example and a python backend that implements what is missing there and also ask it to tell you how to use it all step by step.

1 Like
3

Love it, thanks! Will have to modify the GitHub repo/Docker image to enable Langchain to embed docs into my own version of the project. Not sure how feasible that is.

4

Just a thought: this has been done before right? Isn’t there a Github repo for this? Didn’t find any yet, but this repo ttps://github.com/dotneet/smart-chatbot-ui

It’s everything I need but lacks vector db and all what the other projects you showed offer.
Would love to find a project which combines the features versus reinventing the wheel and doing it myself. Also don’t have the time to develop currently :frowning: