Kickstart your Custom Streamlit Chatbot (ft. CSS & Langchain)

Want to build and design your own chat UI inside Streamlit, without using the st-chat component?
In this video, we will look at building a chatbot app, using Langchain to connect to GPT 3.5 and CSS to customize our chat interface.

👉 Links

My tools (Affiliate links to support me!)

00:00 Intro
00:18 It always starts with a Form
02:33 Langchain & GPT
04:22 Pimp my Markdown
08:03 Breaking Bad

______

🪶 Well, this is an unplanned video I did in about 4 days, it kind of went well. I should do more unplanned videos

⚠️ Disclaimer: This video is not sponsored, I receive no compensation by any brand quoted in this video. Views are my own and do not represent my employer's.
Links included in this description might be affiliate links. If you purchase a product or service with the links that I provide I may receive a small commission. Thank you for supporting my channel so I can continue providing you with free content!

#streamlit #python #datascience #dataapps

[gkennedy_aiforsocialbenefit]

Awesome video! Excellent explanation and clarity. I have just finished the install and will be testing it, Thanks again.

[adumont]

Ok this tutorial is awesome and comes in the perfect timing! THanks Fanilo for this and for Streamlit!

[meredithhurston]

Love your content style. Thanks for this tutorial!

[Azariven]

Man the quality of the content! I would think you have over 100k subs... Thank you so much for all the great tutorials!

[smartwakeAI]

Awesome video man! Already noticed your name in the streamlit forum once! You should really have more subs!

[denisblack]

Exactly what I was looking for

You are the best, dude!
That’s how teaching should be done!

[fenixchow]

thank you very much! very high valuable content!!!

[sribethams]

Very helpful. BTW, you are funny, that made me to concentrate more ..thanks bunch.

[thehve]

Once again amazing informative content presented in your awesome comedic style making it fun, and as it's CSS I shall have to watch this video like a million times 😂

[dazze_art]

thank you so much it really help a lot. I have surffed many websites but cant solution to problem. Luckly I found your video and My problem got solved

[silkogelman]

Awesome tutorial with lots of interesting best practices, thank you! 🙏😀
The voiceless part 9:02 definitely misses your great energy.

[aishwaryadharani]

Great video! The PNgs are not reflecting when I try customising your code CSS against my functions

[magixboris]

Thanks for the great video! Do you think that it could be possible to integrate speech to text and text to speech to get an audio chat instead of a text one? Also, it would be amazing if streamlit could enable to display a video avatar mimicking someone speaking...

[TheOrionMusicNetwork]

Great video! Do you know how hard it would be to make this so that it streams the output to the interface?

[thehve]

Just a quick question, hopefully! with the change to css formatting the chat response is now rendered as text rather than Markdown. Is there a simple way to have the css formatting and have the response formatted as Markdown?

[tarfandoon]

hello fanilo, any way to use image in streamlit selectbox ?

[fabianbayona]

Hi Fanilo. To create the static server do you need to download something separate in order to use .toml? Im not really into CSS so its hard to get that part

[sajanimayadunne]

Super tutorial Fanilo! Thank you for this! quick question: is there a way to stop the page from being white/disabled when clicked on submit?

[alessandroceccarelli]

It would be amazing to add response streaming

[StevenManning-eqmk]

Thanks for this amazing code; is there anyway to add a prompt template to this? and if so can you show me how?