AI Chatbot Chatbubble List

❓ Ask Anything
1

Hello team!!

i am having some trouble connecting the frontend UI to the Backend data for my AI chatbot project,

currently i am trying to figure out how to create a list that contains both user input (user message) and also the AI’s returned message. (kind of like a messaging chatsystem with chatbubbles from the AI and User)

I am previewing the “AI Knowledge base Template,” for some clues, (i didnt use the template because i already upgraded my current project)

right now i have these databases:

image
image1227×424 33.7 KB

the AI knowledge base template has 2 data models:

  • record
  • user account

im guessing that the user’s account is for login purposes, however within my app i dont really want to create an account system (unless it is needed or would simplify message storage)

my question is how would i create the list and have it show data from the user’s text input AND AI text answer just like the template?

(User inputs text: a new component to the list is added with User’s input, then AI responds, creating another component containing the AI’s answer)

Thank you for your guy’s support!!

2

Hi Preston,

Great question! You can try using the List component to display both user input and AI responses. This video (starting around 3:36) walks through how it works:
:backhand_index_pointing_right: https://www.youtube.com/watch?v=6NJeqjp7Af8

And here’s the documentation for a deeper dive:
:backhand_index_pointing_right: List | Momen Docs

You might also want to check out the Mental Health Assistant template — it includes a chatbot setup that’s quite similar to what you’re building. It could give you some useful ideas.

Hope this helps — let us know how it goes!

3

Thank you I appreciate it!!