Welcome to the ChatBot Project! This chatbot is built using Microsoft DialoGPT, a pre-trained language model designed for conversational tasks, integrated with Flask as the backend framework. The front-end interface is developed with HTML, CSS, JavaScript, and jQuery to create a visually appealing and interactive chat experience.
Follow the steps below to install and set up the project:
Make sure you have Python installed. If not, download and install Python from the official site:
To install pip, run the following command in your terminal:
curl https://bootstrap.pypa.io/get-pip.py -o get-pip.py
Then install pip by running:
python3 get-pip.py
Ensure pip is successfully installed by checking its version:
pip --version
Run the following commands to verify that Python and pip are installed correctly:
python3 --version
pip --version
After cloning or downloading the project, navigate to the project directory and install the necessary dependencies by running the following command:
pip install -r requirements.txt
This will install Flask and any other libraries required for the project.
To run the application, follow these steps:
-
Navigate to the project directory:
cd your/project/directory
-
Run the Flask application:
python3 app.py
Once the server is running, you can access the chatbot by opening your web browser and navigating to the appropriate localhost address (typically http://127.0.0.1:5000/
).
This project will guide you through the process of building a chatbot that can engage in conversations with users using natural language processing. The chatbot utilizes Microsoft DialoGPT, a powerful pre-trained conversational model, to generate human-like responses.
Throughout this project, you will:
- 🖥️ Set up a Flask server to handle requests.
- 💻 Create an interactive chat interface using HTML, CSS, JavaScript, and jQuery.
- 🤖 Integrate DialoGPT to provide conversational functionality.
- 📈 Optionally fine-tune the DialoGPT model for more specific conversational needs.
The chatbot uses the Microsoft/DialoGPT-medium model available on Hugging Face. You can explore the model here:
The HTML structure for the user's message is as follows:
var userHtml = '<div class="d-flex justify-content-end mb-4"><div class="msg_cotainer_send">' + user_input + '<span class="msg_time_send">'+ time + '</span></div><div class="img_cont_msg"><img src="https://i.ibb.co/d5b84Xw/Untitled-design.png" class="rounded-circle user_img_msg"></div></div>';
The HTML structure for the chatbot's response is as follows:
var botHtml = '<div class="d-flex justify-content-start mb-4"><div class="img_cont_msg"><img src="https://i.ibb.co/fSNP7Rz/icons8-chatgpt-512.png" class="rounded-circle user_img_msg"></div><div class="msg_cotainer">' + bot_response + '<span class="msg_time">' + time + '</span></div></div>';