Javascript Chatbot From Scratch with React.Js [Part 2]

Want to build your very own chatbot app?

This video runs through how to do just that. In the second part of this two part series we'll go through:
- How to build a React.Js App
- Connecting your front-end to the back-end API
- Improving your app’s look and feel using CSS and dynamic scrolling

Want to learn more about it all:

Oh, and don't forget to connect with me!

Happy coding!
Nick

P.s. Let me know how you go and drop a comment if you need a hand!

Music by Lakey Inspired

[Parasworkshop]

Really good work bro. this might not have been a beginner-friendly tutorial, but for someone revisiting react after a few years, it worked like a perfect startup project.

[babloization]

Thanks a lot for this, got us started in a similar project!

[sameerpatel]

We need a Part 3 where this is a voice controlled chatbot!

[chiejinaazuka]

I am new to react and I am having some difficulties At time 20:39 after writing the code for store.js and index.js I am not getting the same UI interface that the browsers gives you.

[ethanmoss]

When inside mapStateToProps, and setting chat to state.watson.messages. Is anyone else getting a error where it says "Cannot read property 'messages' of undefined"?
Edit: I can change it to just state.messages which works fine so far but when adding the ternary of chat.length, its giving me an error of cannot read .length of undefined.

[DownunderGraham]

Hi Nicholas. Great videos. You mention a link to a Chrome Redux tool at 42:00 that you would link to in the comments but I can't see it there.

[andersonfernandes]

Congrats and thanks for the tutorial.

How may I use a web hook with this code?

[ktamilan]

can we use watson ibm without credit card

[HieuLe-bbxu]

Hello, What a amazing Tutorial you made :) it helps a lot . I do have a Problem though. What must i do to pass some other props (some text) to this Chat input component from a parent component ?

[thedadsideoflife]

Hello Nicholas. I really like your tutorials! I think you are doing fantastic job :)
I have a little problem with receiving the session id through axios. It all works in Postman or when I check the in the browser I am able to get session id every time when I refresh. Unfortunately, createSession function always results with the type: SESSION_FAIL.
Any ideas what could go wrong?
I would really appreciate your help with this :)

[TheJohnniePlays]

Thanks for this. I was wondering can you create instagram bot that autofollow with javascript?

[henkhbit]

Hi Nicolas, nice chatbot intro. Not the whole world is using english ;-) Can we change the language to "nl" instead of english in watson? It would be awesome if u can show a chatbot based on reinforced learning and starting dumb. Like a child learning a language. For example starting by asking "Can i have an apple" The bot does not know an apple and asking back to explain what an apple could be? For example a fruit or really Apple the company manufacturer of iphone or ipad... Then going a step further and after a few steps ... when the question is ask again "Can I have an apple" the bot will return an answer "do you mean the "fruit" or the product "apple"...

[gotaeri]

Thanks for your sharing video but the codes are too small to watch ㅠㅜ

[Itsthatboldguy]

Hello! This tutorial was very helpful. I just have one problem. I am not using hooks and stuff related to that. Just simple React, with a class component. Can someone give me a clue on how to implement that final touch on messages, where it automatically scrolls to the last one? But without using hooks. Thanks in advance.

[oumaimaloussaif]

How a great video, i've learning a lot from this.
but when i run the project it doesn't work and i don't know why

[justindaeho]

I'm receiving a data: "Error processing request" in the console when trying to receive back a message, resulting in a Redux-> MESSAGE_FAIL. Not sure what's going on bc I can't find any errors in my code.
Thank you so much for your guides though, they rock!

[rezagunawan]

How a great video, i've learning a lot from this.
But how to handle delete the session token after expiry.
Coz i got the error Session Invalid "code 404"

[bilkisuismail]

I can't see the code, the font is very small

[arpitdalal_dev]

Hey, can you please help me with the CORS error I am getting when accessing my back-end api that is on port 5000 via my react app which is on port 3000

[aniketpatil]

Can we use firebase instead of IBM watson??