Create Chatbot with React and Node  #chatbot #react #nodejs
Channel: Best Tutorial
Date: 04/10/2022

Create Chatbot with React and Node js
#besttutorial #chatbot #react #nodejs #chatbotinreact #chatbottutorial #reactchatbot #nodejstutorial 

***** LECTURES *****
01 Course Overview
    00:00:00 - 001 Intro
    00:05:14 - 002 OverView
    00:08:35 - 003 Tech Stack
    00:15:24 - 004 application architecture
    00:19:02 - 005 Fulfillment Flow
    00:23:03 - 006 Development stages
02 DialogFlow introduction
    00:26:53 - 007 DialogFlow Intro Create agent
    00:30:04 - 008 Google project service accounts agent settings
    00:35:53 - 009 DialogFLow Intents Basics Fallback and Welcome intent
    00:41:46 - 010 DialogFLow Intents Basics Developer defined Intents
    00:46:42 - 011 DialogFlow Entities
    00:51:59 - 012 Intents with parameters
    00:58:03 - 013 Prebuild agents
    01:03:03 - 014 Smalltalk
03 Server Side App
    01:05:04 - 015 Architecture Intro
    01:11:35 - 016 Install Express & Generate Express App
    01:22:41 - 017 Heroku deployment configuration
    01:31:15 - 018 Heroku deployment
    01:36:33 - 019 Nodemon setup
04 Connect Server Side app & DialogFlow
    01:41:03 - 020 Intro
    01:42:45 - 021 Common errors when first deploying to Heroku
    01:45:30 - 022 Routes
    01:52:02 - 023 DialogFlow module Authentication setup part 1
    01:56:17 - 024 DialogFlow module Authentication setup part 2
    02:05:10 - 025 Text query to DialogFlow with Async await
    02:11:17 - 026 Chatbot module
    02:17:36 - 027 Event query to DialogFlow
    02:21:34 - 028 Config local & server  Heroku env variables
    02:33:21 - 029 Deploy to Heroku Test endpoints
05 FrontEnd Client Side – React setup
    02:36:32 - 030 FrontEnd Client Side Intro
    02:38:45 - 031 Simple Message component
    02:50:06 - 032 Welcome message
    02:52:37 - 033 Enable text input from user
    02:56:24 - 034 Scroll to last message rendered
    03:00:43 - 035 Unique Session for visitors
    03:10:00 - 036 React app Generation
    03:18:32 - 037 Two servers for development
    03:25:27 - 038 Proxy
    03:29:23 - 039 Components for the page part 1
    03:37:04 - 040 Components for the page part 2
    03:50:37 - 041 HTML & CSS with Materialize
    03:56:22 - 042 Connect Server and Client
    04:03:50 - 043 Add API calls to backend APP
06 Developing Frontend
    04:14:14 - 044 Intro
    04:16:14 - 045 Follow up intents
    04:21:24 - 046 DialogFlow contexts
    04:25:19 - 047 Quick replies test
    04:27:32 - 048 DialogFlow events
    04:33:49 - 049 Slot filling
    04:42:41 - 050 Show hide bot
    04:51:01 - 051  Welcome on Shop – DialogFlow setup
    04:57:52 - 052 Welcome on Shop – listen to navigation history
    05:06:45 - 053 Chatbot – a pause between messages
    05:11:01 - 054 Cards Message in DialogFlow
    05:15:43 - 055 Cards response from DialogFlow in React App
    05:19:34 - 056 Card component
    05:26:41 - 057 Render card galleries part 1
    05:37:21 - 058 Render card galleries part 2
    05:42:11 - 059 QuickReplies Message in DialogFlow
    05:47:18 - 060 Quick replies components
    05:59:33 - 061 Quick replies components implementation
07 Save data from conversation to database
    06:07:13 - 062 Mongo db intro
    06:12:07 - 063 Mongo db setup
    06:23:27 - 064 Mongoose Intro
    06:26:46 - 065 Add Mongoose to code
    06:29:59 - 066 Where to catch and save registration
    06:33:13 - 067 Mongoose model Classes
    06:35:41 - 068 Saving registration
08 Fulfillment
    06:42:30 - 069 Intro to fulfillment
    06:45:43 - 070 Ngrok for local fulfillment
    06:52:51 - 071 Fulfilment setup
    06:58:10 - 072 Fullfilment write to database
    07:05:10 - 073 Fullfilment read from database
09 Deploying to Heroku
    07:10:01 - 074 Dev vs Prod environment
    07:12:42 - 075 FrontEnd routing on Server
    07:15:05 - 076 Build script for client    postbuild script
    07:18:41 - 077 Code optimisation before deployment
    07:22:31 - 078 Deploying on Heroku
10 JavaScript client
    07:26:02 - 079 JavaScript client introduction
    07:29:54 - 080 JavaScript token generation
    07:36:30 - 081 Call DialogFlow from FrontEnd
    07:44:00 - 082 Response format
    07:47:11 - 083 Token and extra configuration to environment variables
    07:52:14 - 084 Generate token in nodejs
    08:03:20 - 085 Registration via fulfillment
    08:07:09 - 086 Publish the code
11 Extra content DialogFlow Q&A
    08:09:45 - 087 How to validate a parameter in DialogFlow
    08:33:46 - 088 How to call another intent from DialogFlow fulfillment
    08:48:10 - 089 How to prevent parameter validation loop in bots
    09:10:47 - 090 DialogFlow get first name and last name in the fulfilment code

react js
react chat app
best tutorial
create chatbot
chatbot with react and node js
chatbot using react and node js
chatbot project
react js chatbox
node js chatbotlearn react js
react js crash course
react js tutorial
react and node js chatbot
openai
Chatbot using react js
react tutorial
reactjs tutorial
Chatbot tutorial
chatbot