Skip to main content

GUI of a chatbot using streamlit Library

GUI of an AI chatbot 


Creating a GUI for an AI chatbot using the streamlit library in Python is straightforward. Streamlit is a powerful tool that makes it easy to build web applications with minimal code. Below is a step-by-step guide to building a simple AI chatbot GUI using Streamlit.

Step 1: Install Required Libraries

First, you'll need to install streamlit and any AI model or library you want to use (e.g., OpenAI's GPT-3 or a simple rule-based chatbot). If you're using OpenAI's GPT-3, you'll also need the openai library.

pip install streamlit openai

Step 2: Set Up OpenAI API (Optional)

If you're using OpenAI's GPT-3 for your chatbot, make sure you have an API key and set it up as an environment variable:

export OPENAI_API_KEY='your-openai-api-key'

Step 3: Create the Streamlit Chatbot Application

Here's a basic example of a chatbot using OpenAI's GPT-3 and Streamlit:

import streamlit as st
import openai

# Set the OpenAI API key (if you're using OpenAI's API)
openai.api_key = st.secrets["openai_api_key"]

# Initialize session state to keep track of the chat
if "messages" not in st.session_state:
    st.session_state.messages = []

# Function to get a response from the chatbot (using OpenAI GPT-3)
def get_response(user_input):
    response = openai.Completion.create(
        engine="text-davinci-003",
        prompt=user_input,
        max_tokens=150
    )
    return response.choices[0].text.strip()

# Title of the app
st.title("AI Chatbot")

# Input from the user
user_input = st.text_input("You:", "")

# If user submits a message
if user_input:
    # Store user input
    st.session_state.messages.append({"role": "user", "content": user_input})

    # Get response from the chatbot
    response = get_response(user_input)

    # Store the chatbot response
    st.session_state.messages.append({"role": "bot", "content": response})

# Display the chat history
if st.session_state.messages:
    for message in st.session_state.messages:
        if message["role"] == "user":
            st.text_area("You:", message["content"], height=100, max_chars=None, key=f"user_{len(st.session_state.messages)}")
        else:
            st.text_area("AI:", message["content"], height=100, max_chars=None, key=f"bot_{len(st.session_state.messages)}")

# Keep the text input focused for the next user input
st.text_input("You:", "", key="new_input", on_change=lambda: st.session_state.messages.append({"role": "user", "content": st.session_state.new_input}))

Step 4: Run the Streamlit Application

Save the above code into a Python file, e.g., chatbot.py, and run it using Streamlit:

streamlit run chatbot.py

Explanation:

  1. Streamlit Setup: The streamlit library (st) is used to create the GUI. The st.text_input is used to capture user input, and st.text_area displays the conversation history.

  2. Session State: st.session_state is used to store chat history, allowing the conversation to persist between user interactions.

  3. Chatbot Response: The get_response function sends the user's input to OpenAI's GPT-3 and retrieves a response. This can be modified to use other AI models or even a custom rule-based response generator.

  4. Continuous Interaction: The text input automatically focuses on new user input after each interaction, creating a smooth chat experience.

Step 5: Customize and Deploy

You can customize the chatbot by modifying the prompt, using a different AI model, or adding additional features like buttons or file uploads. Streamlit also makes it easy to deploy your app using platforms like Streamlit Sharing, Heroku, or any cloud service.

This basic example should get you started with building and deploying an AI chatbot using Streamlit! 

Comments

Post a Comment

Popular posts from this blog

What is Fuzzy Logic?

 Title: Demystifying Fuzzy Logic: A Primer for Engineering Students Introduction In the world of engineering, precise calculations and binary decisions often reign supreme. However, there are real-world scenarios where the classical "yes" or "no" approach falls short of capturing the nuances of human thought and the complexity of certain systems. This is where fuzzy logic comes into play. Fuzzy logic is a powerful tool that allows engineers to handle uncertainty and vagueness in a more human-like way. In this article, we'll explore the basics of fuzzy logic, its applications, and how it can benefit engineering students. Understanding Fuzzy Logic Fuzzy logic, developed by Lotfi Zadeh in the 1960s, is a mathematical framework that deals with reasoning and decision-making in the presence of uncertainty and imprecision. Unlike classical binary logic, which relies on "true" or "false" values, fuzzy logic works with degrees of truth, allowing for a...
1 comment
Read more

Unlocking the Power of CGI-BIN: A Dive into Common Gateway Interface for Dynamic Web Content

 CGI-BIN What is CGI-BIN? The Common Gateway Interface (CGI) is a standard protocol for enabling web servers to execute programs that generate web content dynamically. CGI scripts are commonly written in languages such as Perl, Python, and PHP, and they allow web servers to respond to user input and generate customized web pages on the fly. The CGI BIN directory is a crucial component of this process, serving as the location where these scripts are stored and executed. The CGI BIN directory is typically found within the root directory of a web server, and it is often named "cgi-bin" or "CGI-BIN". This directory is designated for storing executable scripts and programs that will be run by the server in response to requests from web clients. When a user interacts with a web page that requires dynamic content, the server will locate the appropriate CGI script in the CGI BIN directory and execute it to generate the necessary output. One of the key advantages of using ...
Post a Comment
Read more

Machine Learning: The Power , Pros and Potential.

 **Title: Machine Learning: The Power, Pros, and Potential Pitfalls** **Introduction** Machine Learning (ML) stands as one of the most transformative technologies of our time, offering a glimpse into a future where data-driven decisions and automation redefine how we live and work. In this blog, we'll delve into the world of machine learning, exploring its myriad benefits, potential drawbacks, and the exciting possibilities it holds for the future. **Understanding Machine Learning** Machine learning is a subset of artificial intelligence that equips computers with the ability to learn and improve from experience without being explicitly programmed. It relies on algorithms and statistical models to make predictions or decisions based on data, a process often described as "training" a model. **The Benefits of Machine Learning** 1. **Automation and Efficiency**: ML can automate repetitive tasks, freeing up human resources for more creative and complex endeavors. This boosts...
Post a Comment
Read more