MCP Course #9 - Building Streamlit UI MCP Client with LangChain, Python, Google Gemini
🚀 Build a LangChain + Streamlit MCP Client from Scratch! | Full Setup + Code Walkthrough
End-to-end MCP Course with code. Get code - please Subscribe, allow pop-ups and then login to The AI Language website to access our GitHub Repos. Access is available only to our YouTube subscribers -
MCP Client Code - https://theailanguage.com/onlySubscri...
MCP Server Code - https://theailanguage.com/onlySubscri...
Happy building! ☺️
---------------------------------------------------------------------------------------------
Udemy Course (get completion certificate, practice questions, Q&A) https://www.udemy.com/course/modelcon...
---------------------------------------------------------------------------------------------
In this video, we build a powerful LangChain-based MCP client with a Streamlit UI that connects to multiple MCP servers using a config file. You’ll walk through the entire process — from the user interface to the backend, including setup, environment, and server config!
💡 Note: Please Subscribe, allow pop-ups, and log in to The AI Language website to access GitHub repos. Access is only available to YouTube subscribers.
🧠 What you’ll learn in this video:
✅ Build a beautiful Streamlit UI for an AI assistant
✅ Create an MCP client that connects to multiple MCP servers
✅ Load tools dynamically via a config.json file
✅ Save conversations, customize logos
✅ Fully set up the environment (Python, UV, packages, virtualenv)
✅ Run the complete MCP client using Streamlit!
📦 Command to run the client:
uv run langchain_mcp_client_streamlit.py
Previous must-watch videos:
🔧 MCP Course #7 - • MCP Course #7 - Config JSON with Lang...
00:00 Introduction
00:33 Preview of what we’ll build
05:27 How good is this client?
05:53 Code - Overview
07:02 Code - Streamlit UI
21:30 Code - MCP Client
28:35 Code - Config.json
29:29 Code - Saved Conversations, Logo
30:11 Setup - Install Python, UV
31:03 Setup - Directories
31:42 Setup - Checkout Code
31:57 Setup - Get Free Gemini API Key
33:35 Setup - Virtual Environment & Install Packages
35:11 Setup - MCP Servers
35:39 RUN the Streamlit App
🙌 If you find this helpful, Like, Subscribe, and hit the bell icon to stay updated on the next parts of the MCP Course!
