How to create a Messenger Style Chat Bot with JavaScript Tutorial (Part 1)

In this video I'll be showing you how to create a Messenger Style Chat Bot for your website using HTML, CSS, & JavaScript!

Get the full project here:

Font Awesome & jQuery:

#HTML #CSS #javascript

[harmes]

Just a clean design and in my opinion minimalistic design. Couldn't ask for more!

[Indently]

Part 2 will be out tomorrow at around the same time as today!

[agrinethmoleta]

you are a life saver ... i had to subscribe after a successfull customization

[sunnypeter]

Great video. At 15:36, what should I do to have my text move up in the input box instead of moving to the left? I want to be able to see the whole text I am typing (like with WhatsApp).

[kwameanim]

Great tutorial but pls when are you going to make the tutorial where you use python in the far end

[galaktoza]

Great tutorial and compared to other chat widgets the js code is not convoluted and separated needlessly into smaller files. Because it's easy to read the code, it was also not complicated to modify the code.

[buzhiwolfch.]

I have some questions How do I get the questions from the chatbot to present 1.2.3. as a new line

[solaraproject]

Hi ya'll.. i used a ChatbotLoader function to lead it dynamically, but my problem is that when i click it, it doesn't go up.

[lcyao]

Awesome! Thank you so much for sharing!

[talubruno]

i cant get python back end! help me, please, to funcionability chatbox use!

[ReshmaReshma-njwj]

Thank you for the wonderful video. I'm restricted and cannot use google apis. Is there alternate way to create chatbot without google apis? I'm facing several issue after commenting google apis from index and even not able to send the typed message. Please help.

[sivatanuj]

I have the backend api for getting responses and I don’t know how to link it. Can u upload a video how to link this code with the api

[xenoz]

The link in 4.19 is not in the description, please help, it's very urgent

[paparico]

Bro response is not working maybe jquery have some problem but I checked all code just a problem I can’t get response

[feyaif]

I'm not able to find the gumroad page to download the CSS, can someone please link it, thanks.

[apoorvagosavi]

can you please tell me how to add links in responses ?

[prateeksharma]

i want this chatBot to give my chat input as output what should i do?
if i type hi
bot reply should also be hi
me- hello
bot-hello
me-bro
bot-bro
my input it should give as ouput

[cheapassignmenthelp]

sorce code is available, please ask how i can get.

[Unknownmecomingfrom]

hlo can you do a video of creating a chat bot in codepen please

[JohnintheDesert]

Back here after the AI revolution to link this with GPT