Build & Integrate your own custom chatbot to a website (Python & JavaScript)

Поделиться
HTML-код
  • Опубликовано: 27 июл 2024
  • In this fun project you learn how to build a custom chatbot in Python and then integrate this to a website using Flask and JavaScript.
    Starter Files: github.com/patrickloeber/chat...
    Get my Free NumPy Handbook: www.python-engineer.com/numpy...
    Chatbot with PyTorch Tutorial: • Chat Bot With PyTorch ...
    ✅ Write cleaner code with Sourcery, instant refactoring suggestions in VS Code & PyCharm: sourcery.ai/?... *
    ⭐ Join Our Discord : / discord
    📓 ML Notebooks available on Patreon:
    / patrickloeber
    If you enjoyed this video, please subscribe to the channel:
    ▶️ : / @patloeber
    ~~~~~~~~~~~~~~~ CONNECT ~~~~~~~~~~~~~~~
    🖥️ Website: www.python-engineer.com
    🐦 Twitter - / patloeber
    ✉️ Newsletter - www.python-engineer.com/newsl...
    📸 Instagram - / patloeber
    🦾 Discord: / discord
    ▶️ Subscribe: / @patloeber
    ~~~~~~~~~~~~~~ SUPPORT ME ~~~~~~~~~~~~~~
    🅿 Patreon - / patrickloeber
    #Python #JavaScript
    Timeline:
    00:00 - Introduction
    01:00 - Setup
    05:14 - Project Files
    08:15 - Flask app
    15:41 - JavaScript code
    25:47 - Standalone Frontend
    ----------------------------------------------------------------------------------------------------------
    * This is an affiliate link. By clicking on it you will not have any additional costs, instead you will support me and my project. Thank you so much for the support! 🙏

Комментарии • 351

  • @suhardisjahrial3318
    @suhardisjahrial3318 2 года назад +4

    The front-end part is exactly what I am looking for.
    Ganz toll, danke!

  • @benaiahmuganzi4623
    @benaiahmuganzi4623 6 месяцев назад +9

    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

  • @brendensong8000
    @brendensong8000 2 года назад +1

    Another fantastic video!!! Love your video series! I can't believe this is not getting millions of hits!

  • @jorgesalazar7740
    @jorgesalazar7740 2 года назад +8

    Hey man, this video is amazing, thanks for sharing. It really inspired me to work on something similar. Cheers!

  • @yaswanthyaswanth8112
    @yaswanthyaswanth8112 7 месяцев назад +2

    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

  • @laasyakrupa9001
    @laasyakrupa9001 3 месяца назад

    This is exactly the tutorial I needed. So helpful. Thank you Patrick!

  • @mpicuser
    @mpicuser 2 года назад +2

    Great tutorial..just what I need. Thank you.

  • @EEEVaradRane
    @EEEVaradRane Год назад

    really appreciated the entire video . Very easily explained .

  • @adityanjsg99
    @adityanjsg99 10 месяцев назад +1

    Saved my Life once again!!, I am using your template with RASA backend.

  • @elonsechelon
    @elonsechelon 2 года назад +6

    Thank you for the amazing and consistent tutorials!

    • @patloeber
      @patloeber  2 года назад +1

      glad you enjoy it!

    • @nandinitiwari6332
      @nandinitiwari6332 Год назад +1

      @@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??

    • @silkboy
      @silkboy Год назад

      ​@@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

  • @lucianaceciliaerjavec4559
    @lucianaceciliaerjavec4559 2 года назад

    Amazing explanation thank you! New subscriber!

  • @sebastianarbelaez4918
    @sebastianarbelaez4918 2 года назад

    Great tutorials! thank you very much!

  • @yaoliu4467
    @yaoliu4467 Год назад +2

    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 RUclips.

  • @tilahun180
    @tilahun180 2 года назад +1

    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?

  • @relax9286
    @relax9286 Год назад

    Thank you so much for this! 😀

  • @elijahkalii5290
    @elijahkalii5290 2 года назад +6

    Greetings from Nairobi, Kenya. I have learned python just by being a strict follower of the @PythonEngineer. God bless you man

    • @patloeber
      @patloeber  2 года назад +3

      happy to hear that! greetings back :)

    • @caroalzate3897
      @caroalzate3897 2 года назад

      @@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

  • @mallikamuskan6832
    @mallikamuskan6832 5 месяцев назад

    Thank so much sir, hats off to you. Kudos to explanation

  • @zakyvids6566
    @zakyvids6566 2 года назад +6

    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

  • @proflead
    @proflead Месяц назад

    Thanks Patrick! Great video!

  • @user-ov5cx7wj9v
    @user-ov5cx7wj9v 2 года назад

    Awesome Work!

  • @ujefmalek77
    @ujefmalek77 2 года назад

    Nice explanation sir , keep it up 🙌🥀🔥

  • @priyamani4349
    @priyamani4349 6 месяцев назад +1

    Thank you so much for this vedio, it literally saved my time

  • @bellanetnovemhariw440
    @bellanetnovemhariw440 2 года назад

    nice tutorial, thanks 😊

  • @CanalRD
    @CanalRD Год назад

    Nice project and video!

  • @vikuuu2652
    @vikuuu2652 2 года назад +8

    Hey Python Engineer, thanks for an amazing tutorial. I have one question. Can we implement entity extraction with same model?
    Regards,

  • @joechow795
    @joechow795 2 года назад

    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

  • @amanchopra__
    @amanchopra__ Год назад

    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 RUclips but hadn’t found any tutorial on it) can you please provide some?

  • @MatichekYoutube
    @MatichekYoutube Год назад

    this is fantastic, thank you.

  • @sakshidighade9104
    @sakshidighade9104 5 месяцев назад

    "It's very much appreciated, bro. Really helpful for me.

  • @sreekrishnagovind5995
    @sreekrishnagovind5995 11 месяцев назад

    Thank you so much it's very helpful for me

  • @godfreyogbeide2340
    @godfreyogbeide2340 4 месяца назад

    Hello Patrick, very good Tutorial

  • @leonardocamacho2932
    @leonardocamacho2932 2 года назад +1

    Hi, thanks for teaching. I have had a problem with the accents on the Spanish language page. How can I solve that.

  • @yooflo
    @yooflo 3 месяца назад

    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

  • @kampankm368
    @kampankm368 Год назад

    Hi , thanks for tutorial. I have one question. How can you setup the chatbot in another language?

  • @moncefarajdal4582
    @moncefarajdal4582 2 года назад

    Is there any way to implement this in a java project? I'm using java swing for the front end
    Thanks

  • @abhimanyukumar-jc6bw
    @abhimanyukumar-jc6bw Год назад

    How can i get some dynamic responses hitting an external API and provide in my chat response using placeholder or appending with the responses in intent json

  • @rottenfanger
    @rottenfanger 2 года назад

    May i have question? why does it work on venv but it doesnt work on real directory? even i have the same dependencies

  • @user-yw9nv7zk7i
    @user-yw9nv7zk7i Год назад

    hey, Patrick Loeber, what plugins have you installed to work with ?

  • @tacoblacho
    @tacoblacho 2 года назад +1

    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?

    • @CRAETION_
      @CRAETION_ Год назад

      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

  • @muhammadnurrahman2665
    @muhammadnurrahman2665 8 месяцев назад

    hello sir, thanks for the tutorial. can i ask where i can fine the word "undifined" in the folder?

  • @Matrofarm
    @Matrofarm 5 месяцев назад

    Well explained. I like the JavaScript output

    • @rpnsamuelaigbornajohn9096
      @rpnsamuelaigbornajohn9096 5 месяцев назад

      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

  • @musicalyosoul
    @musicalyosoul Год назад

    thank you helped a lot!!

  • @user-vo2cx7br6c
    @user-vo2cx7br6c 11 месяцев назад

    Thanks. This was really helpful for my graduate project.

    • @bonyimakaveli633
      @bonyimakaveli633 9 месяцев назад

      i'm also doing the same for my graduate project did it work?

    • @sahilranjan3066
      @sahilranjan3066 5 месяцев назад

      is it working ?
      @@bonyimakaveli633

  • @DevendraYadav-sf6ry
    @DevendraYadav-sf6ry 2 года назад +3

    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.

  • @danyangli8346
    @danyangli8346 2 года назад

    Can it be deployed to django web? Can you please share the instruction?

  • @johnjim8246
    @johnjim8246 8 месяцев назад

    Hi Patrick! How do we visualize the loss on a graph?

  • @shoaibqadeerabbasi4429
    @shoaibqadeerabbasi4429 2 года назад +1

    bht acha angraz hai bhai , love you, meri trf say aik chaye!

  • @naeemmujeeb9972
    @naeemmujeeb9972 6 месяцев назад

    How do I make the chatbox window bigger? Changing the width x height on the css isnt changing

  • @cb4623
    @cb4623 Год назад

    Great tutorial any chance of updating it to use the gpt3 API? :)

  • @sensibwolchannel1518
    @sensibwolchannel1518 2 года назад

    that is nice...but please can teach us how to do the setup installation, especially how to deploy the chatbot

  • @sriharsha5701
    @sriharsha5701 2 года назад

    Hearty thanks my friend

  • @girishmondal2075
    @girishmondal2075 2 года назад +1

    Hey Man! @Python Engineer I am following your courses ! Can I implement this bot to my django project ?

  • @franciskariuki3603
    @franciskariuki3603 2 года назад

    Hello can anyone explain to me how you can modify the intents.json responses to list down items eg a sample output to be something like this:
    We sell
    1.Tea
    2.Coffe
    3.softdrinks

  • @shrutijaiswal7513
    @shrutijaiswal7513 2 года назад +1

    Can we integrate this python chatbot to website using django and How?

  • @edithtetteh9023
    @edithtetteh9023 2 года назад

    Hello please can I get the full tutorial on this from the beginning

  • @kontnoctilus
    @kontnoctilus 9 месяцев назад

    Which Python version used in this video? Thank you for helping.

  • @yassermer3163
    @yassermer3163 2 года назад

    Thank very much. I want to make chat with the seller and the client how can I do it

  • @yassinerabaoui4219
    @yassinerabaoui4219 2 года назад

    hey, can we put a tag inside each tag ??

  • @weiwalter6037
    @weiwalter6037 Год назад

    Thanks for sharing, but where I can find the app.js code> it was not the in the git

  • @elkhaddarmohammed6978
    @elkhaddarmohammed6978 2 года назад

    thank you my frend i like this 😃

  • @imuhammedazhar
    @imuhammedazhar Год назад +1

    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.

  • @mr.curious1329
    @mr.curious1329 Год назад

    Is there a way to use docs and pdf directly to train model?

  • @neerajgaurneeru2898
    @neerajgaurneeru2898 Месяц назад

    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

  • @tomcat9761
    @tomcat9761 2 года назад

    Nice tutorial. Did it overfit?

  • @henrychow16888
    @henrychow16888 2 года назад

    Amazing! But may I know that does it support the Hong Kong’s Chinese? Thx so much.

  • @SiriusCW2010
    @SiriusCW2010 2 месяца назад

    Wonderful tutorial video! But I have a question: how can I add welcome message before the chat start? million thanks!

  • @dugyalamanojkumar6497
    @dugyalamanojkumar6497 2 года назад

    it's showing that (no module named 'regex._regex") while importing the ntlk

  • @nishantadhana578
    @nishantadhana578 2 года назад

    i wanted to add a api your chatbot which is ibm natural language understanding so that i cound analyse the emotion of conversion but cound get a way do it.... so can please me with this.

  • @edoseptian3656
    @edoseptian3656 2 года назад +1

    Amazing!!

  • @abbaskhan-qq6cs
    @abbaskhan-qq6cs 2 года назад

    Please tell me how i deploy it on django (python framework)

  • @KwakuJewserr
    @KwakuJewserr Год назад

    i have a problem with the response system and also( "message": "Import \"torch\" could not be resolved")

  • @nwokochagisele2924
    @nwokochagisele2924 2 года назад

    My predict function isn't running, I've tried hard coding it but it still isn't working, please help

  • @pratibhayadav4916
    @pratibhayadav4916 Год назад

    What do in windows for virtual environment set up please provide commands

  • @defendersart3051
    @defendersart3051 Год назад +1

    Can I use this chatbot with my html website?

  • @Bwith_ASK
    @Bwith_ASK 5 месяцев назад

    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?

  • @Shivamsingh-wy2kg
    @Shivamsingh-wy2kg 10 месяцев назад

    hello
    i made a chatbot using python how should i implement it on a website using flask
    can u help me plz?

  • @ayoolaemmanuel6539
    @ayoolaemmanuel6539 Год назад

    Hello Patrick! Amazing video! How do we host this online?

  • @yongxing1848
    @yongxing1848 8 месяцев назад

    Great tutorial, would you happen to have the final code in git. Thank you so much for sharing.

  • @chaitanyakrishnatr5925
    @chaitanyakrishnatr5925 Год назад

    where can i find repository for js and app files?

  • @sidgupta9256
    @sidgupta9256 Год назад

    Hey can someone tell me if I want to connect the chatbot with my own site , so how can we do this

  • @shreyansu805
    @shreyansu805 3 месяца назад

    thanks for this great tutorial! How do I integrate this bot to a already built website?

  • @siddhirathod6496
    @siddhirathod6496 5 месяцев назад

    I am just about to start with the video so can someone please tell me that does this bot saves our previous messages or they disappear when we refresh the project?

  • @silentknightstory
    @silentknightstory 2 года назад

    This running on windows or not because not pass command to run

  • @divyarajsinhvala9149
    @divyarajsinhvala9149 2 года назад

    i try this but is sohws jinja2 error what to do ? olz reply as soon as possible

  • @saurrav3801
    @saurrav3801 2 года назад +1

    Nice , clear alot 👌......bro will you start Data science series....if you start it may easy to learn from you...🔥

    • @patloeber
      @patloeber  2 года назад

      thanks for the feedback! I try

  • @godfreyogbeide2340
    @godfreyogbeide2340 4 месяца назад

    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?

  • @DevendraYadav-sf6ry
    @DevendraYadav-sf6ry 2 года назад

    can anyone suggest how to integrate this chatbot using a widget on any website? Thanks.

  • @adeshmishra1671
    @adeshmishra1671 2 года назад

    Hey please make a video on introduction of DataClass..
    Plzz🙏🙏

  • @diegoignacioespinozahernan6311
    @diegoignacioespinozahernan6311 2 года назад +1

    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?

  • @bisyrim1030
    @bisyrim1030 8 месяцев назад

    How we add a sound effect to the chat bot?

  • @pratibhayadav4916
    @pratibhayadav4916 Год назад +1

    Which editor are you using

  • @parthi1869
    @parthi1869 Год назад

    While downloading nltk punkt I'm getting ssl certificate wrong version number error. Can someone help on how to resolve. I googled and tried all options but no luck.

  • @rohitmuliyana6348
    @rohitmuliyana6348 2 года назад

    how can i transfer chatbot to live agent

  • @GuestAcc_1
    @GuestAcc_1 Год назад

    how can i implement this into my laravel website?

  • @arijit-og5zp
    @arijit-og5zp Год назад

    can someone tell me from where he is copy pasting the js code?

  • @ThokozaniVincent-r6t
    @ThokozaniVincent-r6t 4 дня назад

    So if you wants to make the chat bot that is Base to faculty of science and agree culture. What should I do?

  • @sigmabillionairemotivation4147
    @sigmabillionairemotivation4147 Год назад +1

    I have a problem here :
    No module named 'flask'

  • @mohammedakram2118
    @mohammedakram2118 Год назад

    From where u r copying everything in. Js file???

  • @pytechsolutions5589
    @pytechsolutions5589 2 года назад +2

    Thank you for the video, Please make a tutorial on making a own custom chatbot using Django and ReactJS

  • @pioluzdaouda7049
    @pioluzdaouda7049 2 года назад

    Bonjour monsieur c'est possible d'associé le chatbot conçu ici à Messenger ?