wow, this is all i can say man. you just simplified how to create a completely separate front end and backend then connecting the two to communicate, that's awesome
@@patloeber hey!i'm getting an error downloading punkt and i have to submit this project in my college this week. Can you please tell me some solution??
@@nandinitiwari6332 I have choosen this for my python mini project, as u hav already worked on this I would like to know in detail so could u share ur insta or telegram I'd if possible plz !!! N delete after I contact u
How would you go about created i log fil, that contains the chat conversation between "you" and the chatbot? Better to have it write to txt or CVS file?
While running the chat.py, I m able to communicate with the bot but when app.py is run and I give message in the chatbox , I do not get any reply, Could you let me know where might I be missing anything
🎯 Key Takeaways for quick navigation: 🤖 The video demonstrates how to create and deploy a custom chatbot on a website using Python, Flask, and JavaScript. 🛠️ Flask is used as the backend framework, while JavaScript is utilized for the frontend interaction. 📦 Two deployment options are explained: using Flask with Jinja templates internally or building a Flask REST API for separate frontend deployment. 📋 The setup involves cloning a repository, creating a virtual environment, and installing necessary dependencies like Flask, Torch, and NLTK. 🧠 The chatbot's functionality relies on a PyTorch model trained using natural language processing (NLP) techniques. 🎨 The customization of the chatbot is achieved through modifying the intents.json file, which defines different intents, example patterns, and responses. 🔧 Implementation details for the Flask app include defining routes, handling requests, and allowing cross-origin resource sharing (CORS) if deploying frontend and backend separately. 🚀 The tutorial concludes by demonstrating how to run the chatbot either integrated with Flask or as a separate frontend communicating with the Flask backend through POST requests.
It helps me a lot… now I am developing a web app about arrival time estimation of public transportation but meet difficult on flask and front-end. It’s really great video
@@mochammadfachorrozi2449 Sayak Chakraborty said the java script needed updated syntax on query selectors and listeners. He said he posted the updated js script in the comments but I couldn't find them. So far though, everything up to the display() is working as intended, just cant the chat box to activate. If you find anything, please let me know.
I didn't understand the part where you explained how to host this site. Can you explain how I can host my app? I think the $SCRIPT_ROOT variable part is somewhat unclear.
Great tutorial!! Thanks a lot for your time! You really make a good explanation with excellent idea. I really appreciate that. I just wondering if I have a full stack web application using MERN stack and javascript, is it possible to deploy and integrate this chatbox into that web? Thanks a lot for your video again! Hope you can have more on UA-cam.
I am confused about one thing, and I hope someone could clear it up. When you are adding messages to the html variable to render it in the chatbox, since you reversed the list, you are first adding the latest message, and then the older ones. So, shouldn't the newest message be appearing at the top, since the html string is rendered from left to right, and the newest message would appear at the top? I am confused how it appeared at the bottom. To avoid what I am saying, you just would not reverse the array right? Am I confusing something?
Will this support multiple users? As in if 100 users chat with this will it generate conversation per user? Or will the other users be able to see chat history across all users?
Great Series. Thank you for the tutorial. I need a small help. I like to know format the "data.path". how it is format? it will be good if you share the link of the data file?
Very Nice video and explanation! I was wondering how to keep the state management of a conversation for a more custom chatbot, where there can multiple back and forth questions and answers between bot and user. I know that REST API (Flask) is supposed is State-less, however when having a back and forth conversation, definitely state should be managed. Do you have any ideas on this please?
Hi Python Engineer, thanks for the video. A simple question, How can you setup the chatbot in another language? Is there any parameter which we could change for the natural language processing and the training?
Thank you so much! I am a beginner and I would like to compare my app.js because my chat doesn't come when I click. Certanly I made some mistake when I was copying, is there a link to app.js. Tks again
hello very clear explanation! thank you! however I am facing an issue when running app.py, they said that "ModuleNotFoundError: No module named 'model'". How do I solve this issue?
its because of the path...make sure the python can access all the modules from the same directory in which it exists...i think this might work but i am not sure how correct it is
Thank u, For me, I want to use an excel file with 2 columns : Questions & Answers. I want searches users input in Question column and gives answer in front of that from Answer's column
A very helpful video, I want to integrate this chatbot with a database so that the admin user can modify, add, or remove responses in the intents.json file. Is there a way to do this? Thank you in advance
Is it possible to make this chatbot menu-based ? with buttons that the user will click so that we can guide the user? and thank you for the video very helpful !
why you should use pytorch for this? this chatbot can be done with if else conditions. example : if user says "Hi" then we can reply as "hi there , How can i help you". i think this does not need machine learning or artificial intelligence. Any Explanations?
It depends on the use case of your bot. If you want it to respond only to questions that are phrased exactly as the string in your if statement then you don't need a model to train it. If you want it to respond also to similar questions that are phrased differently (to the string in your if statement), using a deep learning model and training it using training phrases can be a good option.
Right from the git repo everything seems to be broken. Whats worse is i only have my organizations laptop and it appears self signed certifictaes are not allowed :( this course isnt for me
Hi, Thanks a bunch for the tutorial!! My question is how to add speech recognition module in this chatbot ( I’ve searched all accross the UA-cam but hadn’t found any tutorial on it) can you please provide some?
wow, this is all i can say man. you just simplified how to create a completely separate front end and backend then connecting the two to communicate, that's awesome
The front-end part is exactly what I am looking for.
Ganz toll, danke!
Thank you so much, I have been stuck here in integration part, you made my life easier.
I can't find previous videos of this series
hey i need help
with integration
Greetings from Nairobi, Kenya. I have learned python just by being a strict follower of the @PythonEngineer. God bless you man
happy to hear that! greetings back :)
@@patloeber no te por preguntar lo paso para el día pop y q pop oportunidad porque ya q si ooooooo no puede ir para el día q se va hoy
Another fantastic video!!! Love your video series! I can't believe this is not getting millions of hits!
Hey man, this video is amazing, thanks for sharing. It really inspired me to work on something similar. Cheers!
Saved my Life once again!!, I am using your template with RASA backend.
Thank you for the amazing and consistent tutorials!
glad you enjoy it!
@@patloeber hey!i'm getting an error downloading punkt and i have to submit this project in my college this week. Can you please tell me some solution??
@@nandinitiwari6332 I have choosen this for my python mini project, as u hav already worked on this I would like to know in detail so could u share ur insta or telegram I'd if possible plz !!! N delete after I contact u
This is exactly the tutorial I needed. So helpful. Thank you Patrick!
Don't know why but i am getting syntax errors in javascript file app.js
Bro syntax error mean you missed any kind of symbol in that just recheck it
Superb as usual, I have 2 doubts plzz help if someone can:
1. How to validate msg sent by user
2. How to access msgs typed by user in Flask.
Well explained. I like the JavaScript output
please i need your help the chatbox isn't popping up can you share you app.js file if yours worked please, thanks in advance
Great tutorial..just what I need. Thank you.
really appreciated the entire video . Very easily explained .
Hey Python Engineer, thanks for an amazing tutorial. I have one question. Can we implement entity extraction with same model?
Regards,
you know full code explanation
then you help me to guide
Thank you so much u save my project❤
How would you go about created i log fil, that contains the chat conversation between "you" and the chatbot? Better to have it write to txt or CVS file?
Hey man this is awesome.
I would really appreciate if you can make a crash course on python and js as I really liked your teaching style thanks a lot
..
Thanks Patrick! Great video!
Thank you so much for this vedio, it literally saved my time
While running the chat.py, I m able to communicate with the bot but when app.py is run and I give message in the chatbox , I do not get any reply, Could you let me know where might I be missing anything
I am also facing the same issue..... until he provides app.js i guess we all will face this challenge....
Thanks. This was really helpful for my graduate project.
i'm also doing the same for my graduate project did it work?
is it working ?
@@bonyimakaveli633
Nice project and video!
great video, thank you for this. I was wondering how I can delay the responses of the chatbot by a few seconds to seem more natural
🎯 Key Takeaways for quick navigation:
🤖 The video demonstrates how to create and deploy a custom chatbot on a website using Python, Flask, and JavaScript.
🛠️ Flask is used as the backend framework, while JavaScript is utilized for the frontend interaction.
📦 Two deployment options are explained: using Flask with Jinja templates internally or building a Flask REST API for separate frontend deployment.
📋 The setup involves cloning a repository, creating a virtual environment, and installing necessary dependencies like Flask, Torch, and NLTK.
🧠 The chatbot's functionality relies on a PyTorch model trained using natural language processing (NLP) techniques.
🎨 The customization of the chatbot is achieved through modifying the intents.json file, which defines different intents, example patterns, and responses.
🔧 Implementation details for the Flask app include defining routes, handling requests, and allowing cross-origin resource sharing (CORS) if deploying frontend and backend separately.
🚀 The tutorial concludes by demonstrating how to run the chatbot either integrated with Flask or as a separate frontend communicating with the Flask backend through POST requests.
Thank so much sir, hats off to you. Kudos to explanation
Thank you so much for this! 😀
Which editor are you using
It helps me a lot… now I am developing a web app about arrival time estimation of public transportation but meet difficult on flask and front-end. It’s really great video
"It's very much appreciated, bro. Really helpful for me.
i got stuck in app.js file
the chat icon is not opening?
please help it is urgent
Did you get any resolution?
Did you ever get a response to this? I'm having a similar
issue...chat icon is visible, but when I click to activate the chat box, nothing happens
@@rob5star61 I have similar issue here, the chatbox doesn't pop-up
@@mochammadfachorrozi2449
Sayak Chakraborty said the java script needed updated syntax on query selectors and listeners. He said he posted the updated js script in the comments but I couldn't find them. So far though, everything up to the display() is working as intended, just cant the chat box to activate. If you find anything, please let me know.
@@rob5star61 I'm looking for the comment too in the section, but I can't find it either. Yes, let me know too if you find anything 😁
I didn't understand the part where you explained how to host this site. Can you explain how I can host my app? I think the $SCRIPT_ROOT variable part is somewhat unclear.
Can you please provide a fully working source code please it is very great help for me
did you find the whole code mr ?
@@dixithm.g.d7998 no
This is great! Thanks 👍
Hello Patrick, very good Tutorial
Thank s for this video, please make a video, how to deploy this app on c-panel and where we will make chat log for future find client query
Great tutorials! thank you very much!
Nice , clear alot 👌......bro will you start Data science series....if you start it may easy to learn from you...🔥
thanks for the feedback! I try
Nice tutorial. Did it overfit?
Awesome Work!
this is fantastic, thank you.
Amazing explanation thank you! New subscriber!
bht acha angraz hai bhai , love you, meri trf say aik chaye!
Wonderful tutorial video! But I have a question: how can I add welcome message before the chat start? million thanks!
Great tutorial!! Thanks a lot for your time! You really make a good explanation with excellent idea. I really appreciate that. I just wondering if I have a full stack web application using MERN stack and javascript, is it possible to deploy and integrate this chatbox into that web? Thanks a lot for your video again! Hope you can have more on UA-cam.
Thank you so much it's very helpful for me
Hi, thanks for teaching. I have had a problem with the accents on the Spanish language page. How can I solve that.
I am confused about one thing, and I hope someone could clear it up. When you are adding messages to the html variable to render it in the chatbox, since you reversed the list, you are first adding the latest message, and then the older ones. So, shouldn't the newest message be appearing at the top, since the html string is rendered from left to right, and the newest message would appear at the top? I am confused how it appeared at the bottom. To avoid what I am saying, you just would not reverse the array right?
Am I confusing something?
thank you helped a lot!!
Nice explanation sir , keep it up 🙌🥀🔥
nice tutorial, thanks 😊
hey, Patrick Loeber, what plugins have you installed to work with ?
am getting errors in app.js bro
Hey Man! @Python Engineer I am following your courses ! Can I implement this bot to my django project ?
I have a problem here :
No module named 'flask'
Amazing!!
Thanks!!
Amazing! But may I know that does it support the Hong Kong’s Chinese? Thx so much.
Will this support multiple users? As in if 100 users chat with this will it generate conversation per user? Or will the other users be able to see chat history across all users?
Hi , thanks for tutorial. I have one question. How can you setup the chatbot in another language?
Great Series. Thank you for the tutorial. I need a small help. I like to know format the "data.path". how it is format? it will be good if you share the link of the data file?
After doing all the steps,then also my JS file isn't working on clicking the chatbox symbol...
Exactly same here 😢, have you ratify yours and how did you do it
Can we integrate this python chatbot to website using django and How?
Very Nice video and explanation! I was wondering how to keep the state management of a conversation for a more custom chatbot, where there can multiple back and forth questions and answers between bot and user. I know that REST API (Flask) is supposed is State-less, however when having a back and forth conversation, definitely state should be managed. Do you have any ideas on this please?
I'd recommend using a front-end framework like React or Vue to flesh out the UI and include stuff like state management more easily
dude you are just awsome
Hearty thanks my friend
Which Python version used in this video? Thank you for helping.
Hi Python Engineer, thanks for the video. A simple question, How can you setup the chatbot in another language? Is there any parameter which we could change for the natural language processing and the training?
Yes how?
@@jvedarutvija7517 Could it be Spanish? For example
Can I use this chatbot with my html website?
Amazing
Thanks
is machine learning involved in this project???
Thank you so much! I am a beginner and I would like to compare my app.js because my chat doesn't come when I click. Certanly I made some mistake when I was copying, is there a link to app.js. Tks again
thanks for this great tutorial! How do I integrate this bot to a already built website?
that is nice...but please can teach us how to do the setup installation, especially how to deploy the chatbot
hello sir, thanks for the tutorial. can i ask where i can fine the word "undifined" in the folder?
hello very clear explanation! thank you! however I am facing an issue when running app.py, they said that "ModuleNotFoundError: No module named 'model'". How do I solve this issue?
its because of the path...make sure the python can access all the modules from the same directory in which it exists...i think this might work but i am not sure how correct it is
I am getting the same error... Any luck?
I wanted to ask you a Question if it is Possible to Create an AI chatbot GUI to chat with Json data, using C#.NET, React, OPENAI?
So if you wants to make the chat bot that is Base to faculty of science and agree culture. What should I do?
Hi Patrick! How do we visualize the loss on a graph?
Thanks for sharing, but where I can find the app.js code> it was not the in the git
0:15 autoridade social é o melhor de todos pra bombar o tiktok
Great tutorial, would you happen to have the final code in git. Thank you so much for sharing.
Hello Patrick! Amazing video! How do we host this online?
Great tutorial any chance of updating it to use the gpt3 API? :)
Thank u,
For me, I want to use an excel file with 2 columns : Questions & Answers.
I want searches users input in Question column and gives answer in front of that from Answer's column
thank you my frend i like this 😃
A very helpful video, I want to integrate this chatbot with a database so that the admin user can modify, add, or remove responses in the intents.json file. Is there a way to do this? Thank you in advance
Does this project contains database
Hi. Could you please create this GUI with streamlit?
where are you copy pasting the javascript code from?
he started with a text file, copy pasting from a non public file. it's annoying hey :)
there's another repo on github with the complete code to copy paste from.
@@MatthewTaylorAu Can you share the link of that repo
@@MatthewTaylorAu please lmao
Is it possible to make this chatbot menu-based ? with buttons that the user will click so that we can guide the user? and thank you for the video very helpful !
yes it is possible or not ?
did anyone found it out how to do it(menu based chatbot)
?
May i have question? why does it work on venv but it doesnt work on real directory? even i have the same dependencies
@app.post doesnt work for me , it says Flask has no attribute post , what should i do? is there any way to fix it or another way to post?
this only works since Flask 2.0, either install the new version or use the old syntax: app.route("/predict", methods=["POST"])
I need a app.js code explained in this video please send the code
Is there any way to implement this in a java project? I'm using java swing for the front end
Thanks
why you should use pytorch for this? this chatbot can be done with if else conditions. example : if user says "Hi" then we can reply as "hi there , How can i help you". i think this does not need machine learning or artificial intelligence. Any Explanations?
It depends on the use case of your bot. If you want it to respond only to questions that are phrased exactly as the string in your if statement then you don't need a model to train it. If you want it to respond also to similar questions that are phrased differently (to the string in your if statement), using a deep learning model and training it using training phrases can be a good option.
Right from the git repo everything seems to be broken. Whats worse is i only have my organizations laptop and it appears self signed certifictaes are not allowed :( this course isnt for me
Is there a way to use docs and pdf directly to train model?
Excellent.
Thank you ❤
Can I integrate this chatbot into a WordPress website? What keywords would I have to search for to find more info?
Hi, Thanks a bunch for the tutorial!! My question is how to add speech recognition module in this chatbot ( I’ve searched all accross the UA-cam but hadn’t found any tutorial on it) can you please provide some?
Same issue