Create a ChatGPT chatbot for personal website

Using FlowiseAI

Quarto
ChatGPT
AI
Author

Jihong Zhang

Published

April 15, 2024

Screenshot of a virtual teaching assistant for my website

Screenshot of a virtual teaching assistant for my website

AI products powered by Large language models (LLM) are getting more and more popular in many field. AI agents using ChatGPT can serve as an assistant or efficient workers for jobs with certain patterns, such as composite songs, image generations, slides theming, or paper writing. I am always wondering if AI could become a “teaching assistant” for my lectures. In the academia, TA’s jobs are basically answering students questions, such as consulting assignment due date, textbooks information, summary of previous lectures. TA also need to answer some academic questions relevant to the classes, such as what is the definition of certain concept? From my point of view, LLM can definitely serve as these kinda of tasks.

To get started, some requirement needed before moving forward:

  1. Basic knowledge of LLM
  2. Github account
  3. Render.com account
  4. OpenAI account

1 FlowiseAI

From their website, FlowiseAI is described as an “Open source low-code tool for developers to build customized LLM orchestration flow & AI agents”. There are 21K stars in their GitHub, which is impressive. To make it simple, FlowiseAI allows users to quickly create a AI product, such as Chatbot, by dragging and dropping UI elements.

One of most advantage FlowiseAI has is the detailed user-friendly tutorials on Youtube and documentation.

Screenshot for one FlowiseAI project

Screenshot for one FlowiseAI project

2 Chatbot powered by FlowiseAI and ChatGPT

For TA, the suitable tool is “Conversational Retrieval QA Chain”. It allows the LLM app to consider your own data (your slides or syllabus) as the context when answering any users’ questions related to the classes. It is known as RAG (Retrieval-Augumented Generation). To know more about how to let the LLM app have access to your own data, please look at the YouTube video.

After you create the virtual TA, the next step is embedding it into your own website. To do that, following the YouTube video here.

Let me know your thoughts.

Back to top