How to create a Messenger Style ChatBot with JavaScript Tutorial (Part 1) | Best JavaScript Project

[@CodeWellTech]

Here is Part 2 : kzbin.info/www/bejne/Y2SwmHtja5qCd8k

[@khatri17]

I don't know if they do same in the industry but watching you creating chatbot is super cool

[@unluckydude8882]

I love you so much. I was dong my project (Chatbot) and i was thinking how do i fix the overflow, and u saved me alot of time. Much appreciated❤❤❤

[@CodeWellTech]

Glad it helped you.

[@josephcieplak8920]

Awesome. I've just finished the course and it was very intuituive and easy to learn thanks! I'm waiting 4 the second part.

[@CodeWellTech]

Glad that you liked it :) will be making second part soon and will notify you here.

[@CodeWellTech]

Here is Part 2: kzbin.info/www/bejne/Y2SwmHtja5qCd8k

[@revischea7114]

Thank you for the video. It works, except with long messages there is no text-wrapping. How can we add text-wrapping instead of one long line?

[@CodeWellTech]

Try overflow-wrap:break-word

[@Pss19940909]

Thanks a lot for this video. It's very helpful for beginner like me :)))

[@ArunSingh-xl9bu]

Awesome !!

[@CodeWellTech]

Thank you 😊

[@kibriarumi]

nice and thanks for great video

[@CodeWellTech]

Glad you liked it 😊

[@lizavetameta]

#todolist

[@shivanivashistha3705]

How you have styled the image size my image is covering the whole page

[@CodeWellTech]

Set size(h n w) of image container in pixcels and set size of image to 100 percentage

[@raffyguevarra7777]

How do we add sentences or words in the command other than just words like hello? For example, I want it to give me a response if I type in "How can I register?"

[@CodeWellTech]

Please do watch video completely where I shown how to add Keys and values in JSON. So in your case you can add key as "how can I register" and while fetching response you can apply uppercase function when comparing your input with json key and fetch response. You can also do contains search while comparing user input with json key

[@eudaldcatalunya]

How would you add a sentence or a few words on the comand instead of only a hello? If i add it it wont answer

[@CodeWellTech]

We need to enhance chat response object

[@CodeWellTech]

Will explain it in second part

[@eudaldcatalunya]

@@CodeWellTech when are you going to release the second part? I’m very interested

[@CodeWellTech]

Very soon I believe..will notify you

[@CodeWellTech]

Here is Part 2: kzbin.info/www/bejne/Y2SwmHtja5qCd8k

[@ayaourag3169]

thanks for the video! can we integrate such chatbot into an angular project? if yes how can it be done please ?

[@CodeWellTech]

For angular app...you can create such chatbot easier compare to Js.

[@ayaourag3169]

@@CodeWellTech so thankful for such a quickly response. right! in my case I already have an application developed with Angular, I want to add a custom chatbot to this application, so is it better to do it in Angular itself instead of opting for another technology and integrate it later?

[@CodeWellTech]

Yes ...it's better develop in angular and it would be very easy if you are already familiar with angular.

[@ayaourag3169]

@@CodeWellTech thank you very much! I really appreciate your help 😊

[@Velmsd07]

I am adding new response how can I get the result as attachment file or link

[@CodeWellTech]

May be depends on response you should create link using tag.

[@tarunrawal2087]

I wanted to know like if i don't have fixed questions then how can i make the chat bot reply with the answers like if i want to make it to reply with the keywords in questions that it recognizes the keyword in the question and then give the answer so how can i do that please help

[@CodeWellTech]

Sorry for late reply. In real time you should be interesting chatbot with API which contains all the actions (questions) and responses

[@shri08shrikant93]

@@CodeWellTech I'm created intent for "Branches " and bot is giving ans as what it saved but when I typed "Available branches " then it showing "something error ".....why? I'm creating this as college chatbot give me solution...

[@vijayasri1928]

Here which angular version is been used

[@CodeWellTech]

I have used html css and JavaScript only.

[@CodeWellTech]

For more details contact me on : m.facebook.com/codeweltechh

[@CodeWellTech]

Here is Part 2: kzbin.info/www/bejne/Y2SwmHtja5qCd8k

[@kutulloletageng1069]

Thank you very much sir, it is working fine, so how can i make the chatbot responses to respond like Facebook or WhatsApp, in terms of the box size. When i have long chatbox response, the message comes in a long single line, and i do not want it like this, i will wait for your response sir

[@CodeWellTech]

Check the width and provide overflow auto respective element.

[@kutulloletageng1069]

@@CodeWellTech Thank you sir

[@ArunSingh-xl9bu]

@@kutulloletageng1069 I am stuck on the same . How did you get this done ?

[@travelus-d8d]

Did you fix the problem,I have the same issue

[@travelus-d8d]

I add overflow auto in the css ,user-message, but didn t work

[@mengjunwang8687]

what is the data source of the bot?

[@CodeWellTech]

It's a json file we create as of this video.

[@mengjunwang8687]

@@CodeWellTech Have you tried gpt2 based chat bot?

[@CodeWellTech]

Not yet.