MERN STACK PROJECT - CHATBOT CLONE w/ DIALOGFLOW (SOURCE CODE INCLUDED) (REACT JS)

Hello Friends, I have made Chatbot application with dialogflow.
I used ReactJS, NodeJS, ExpressJS, MongoDB which is MERN stack.
and I tried to explain with a diagram of how this is structured and which step I will take to make the features.
So I hope It can be really helpful for you.
And I will keep making tutorials like this ( Instagram Clone or Slack Clone and so on)
Thank you for watching this video !

git repository
https://github.com/jaewonhimnae/chatbot-app

0:00 Introduction

3:11 Dialogflow Configuration

15:41 Entire Structure & Flow Explained

33:59 Create Event Route

39:37 Start Dealing with Front-End

47:01 TextQuery Function

57:59 EventQuery Function

01:02:55 Store Messages with Redux

01:13:12 Populate Message Datas to Chat panel

01:24:46 Card Message

01:42:58 Action and Parameter



I should have mentioned this inside this lecture,
after you set the environment variable for google credential, if you close the editor, or terminal
you will lose that environment variable you set before.
so if you want to make it permanent,

follow the step below
1.touch ~/.zshrc
2.open ~/.zshrc
3.export GOOGLE_APPLICATION_CREDENTIALS=/path-to-keys/key.json
4.Command + Q
5.source ~/.zshrc
Test if that works well by typing
echo $GOOGLE_APPLICATION_CREDENTIALS
If you are using bash !!!
replace zshrc with bash_profile !!!
or If you use git-bash
I thinks you can use bashrc would be the answer !
Thanks!