DEV Community

Cover image for React Chatbot using MERN stack and Dialogflow
jeyk333
jeyk333

Posted on

5 2

React Chatbot using MERN stack and Dialogflow

Hi,

I created an React Chatbot using Reactjs, Nodejs, MongoDB and Dialogflow(NLP).

It is an interactive web application chatbot to interact with the users, who visiting your application. This chatbot is made with MERN stack using Google's Machine Learning Dialogflow(NLP). Dialogflow uses Natural Language Processing(NLP) technique to make the bot understand the Human Language and to efficiently interact with users. I am ReactJs as the frontend and NodeJs as backend, which will interact between the Frontend and Dialogflow to get desired results.

Please check the complete code repository for the chatbot and Give a 🌟 in github, if you like it.

Github Respository - https://github.com/jeyk333/React-Chatbot

To play with it -> https://vast-badlands-40215.herokuapp.com/

Things you can ask to it

  1. Hi/Hello
  2. where is pikachu
  3. courses (It will list some dummy courses from the mongo db and will ask, if you need any personal training)
  4. If you give Yes for the personal training, it will ask for your details.
  5. You can enter the details, which will also stored in the database
  6. You can also do some random chats

The UI may look bad, as i didn't put much effort in the ui for now. Its not completed. I am still improving the chatbot.

Neon image

Serverless Postgres in 300ms (!)

10 free databases with autoscaling, scale-to-zero, and read replicas. Start building without infrastructure headaches. No credit card needed.

Try for Free β†’

Top comments (3)

Collapse
 
francoismonteil profile image
francoismonteil β€’

How do you compile your project?

Collapse
 
oluwakeyejohn profile image
Oluwakeye John β€’

What version of dialogflow api did you use

Collapse
 
jeyk333 profile image
jeyk333 β€’

Version 2

πŸ‘‹ Kindness is contagious

Explore a trove of insights in this engaging article, celebrated within our welcoming DEV Community. Developers from every background are invited to join and enhance our shared wisdom.

A genuine "thank you" can truly uplift someone’s day. Feel free to express your gratitude in the comments below!

On DEV, our collective exchange of knowledge lightens the road ahead and strengthens our community bonds. Found something valuable here? A small thank you to the author can make a big difference.

Okay