Create Chatbot for Website with React and Node.js

Course details

In this course you will build a chatbot for a Webpage. We'll use Node.js and React for programming and GIT for deploying and version control. Bot will be hosted on Heroku, but you can simply hosted anywhere else where they support Node.js. Well useDialogFlowtoprocess natural language, that is understand what users want.

In the course well be building a sample chatbot. Its purpose is only to show you how things work. Our bot on the page will help us sell products. It will give recommendations and measure demand.

In the process of building this bot youll learn all that is needed to build a great bot. To get the most out of the course you can work on this sample bot and at the end tweak it to suit your needs.

You need to have at least basic knowledge of Node.js and React to start with this course. For versioning we use GIT, therefor you need to be familiar at least with basic git commands.

To make it easier for you Ive added git commits with changes to every video that has a change in the code. This way you can compare your code to mine. And you wont lose time debugging. And remember for any questions Im available in the Questions and answers. You are not alone.

And remember,I'LLBETHEREFORYOU.

Bot will be able to remember things, that is store information into a database or connect to other API services. Ill show you different implementations, so that you can play and find out what suits you most.

At the end of the course youll have a demo chatbot that you can tweak and tailor to your needs.

My name isJana Bergantand Im a developer withover 20 years of experience. Im an IT instructor teaching people new tech skills. Over 12300 people are already taking my course.

I help all my students at every step of development. And I'll be here for you!

Let me tell you a bit about every section of this course.

In the first section well take an overview of the app and get familiar with tech stack, that is technology used in this course. Well look at application architecture and different ways we can implement it. Well go through every implementation. And Ill take you through development stages.

Second section will introduce you to DialogFlow, natural language processor, that well use to understand what our visitors want from the chatbot. Well go through building blocks of DialogFlow. Youll learn about agents, intents, entities, parameters, prebuild agents and more.

Then in the third section we start building server side app for the chatbot. Well install Express library and generate express app. Well configure it for Heroku and deploy to Heroku. Well also setup local development server called Nodemon.

When you have a basic server side app created, youll be able to connect it to DialogFlow. And that is what well do in section 4.

And frontend will be the next step. In fifth section we setup React, configure local servers, create a proxy for communicating with backend. And well create components. Components for the page and for the chatbot. Our chatbot will begin to look like a chatbot in the 5th section.

But well really polish it in the 6th section, where well create rich messages for the chatbot like cards and quick replies. And also well go deeper into DialogFlows features, like follow up intents, contexts, events and slot feeling. Features that make bot creation much easier and much friendlier!

When our bot is polished, we can make it smarter. We want our bot to remember what user says. Therefore we need to store information that we get from the user. In the 7th section well be saving to database and also use what we know about user in a conversation. To make the bot friendlier. We like if people remember our preferences, it is the same with bots.

In the 8th section Ill show you a different way of implement handling actions. Well be using DialogFlow's fulfillment. Ill show you how to call fulfillment only for intents that need extra code to be run. Only for intents that need to get information from a database, or that need to call some other API, or maybe connect to a device.

When we master fulfillment, well deploy to Heroku. In the 9th section well take care of some extra configuration like routing, postbuild scripts for generating frontend, well also go through the code and make sure all is as needed before we deploy.

And finally in the 10th section, Ill show you how to connect to DialogFlow straight from FrontEnd. To do that well need to make some changes in the architecture. Ill tell you the benefits of every decision.

After the course youll have a demo bot that you can tweak and tailor to you needs. And youll have the knowledge to upgrade it.

See you in the course!

Jana