From 3393c70379b4236e8815e03a63ce99a6b5066e2a Mon Sep 17 00:00:00 2001 From: MadhurimaNayak <124715194+MadhurimaNayak@users.noreply.github.com> Date: Fri, 5 Jul 2024 20:31:39 +0530 Subject: [PATCH] Made chatbot more conversational --- src/utils/actionProvider.js | 73 ++++++++++++++++++++++++++++++++++++- src/utils/messageParser.js | 33 ++++++++++++++++- 2 files changed, 104 insertions(+), 2 deletions(-) diff --git a/src/utils/actionProvider.js b/src/utils/actionProvider.js index 435d331..1e8e3b7 100644 --- a/src/utils/actionProvider.js +++ b/src/utils/actionProvider.js @@ -5,12 +5,83 @@ class ActionProvider { } handleHello = () => { - const message = this.createChatBotMessage("Hello.Welcome to TimeWarp Website?"); + const message = this.createChatBotMessage("Hello, Welcome to TimeWarp Website!"); this.setState((prev) => ({ ...prev, messages: [...prev.messages, message], })); }; + handleWhat = () => { + const message = this.createChatBotMessage("TimeWarp is an opensource webapp that allows users to explore historical versions of their current location virtually"); + this.setState((prev) => ({ + ...prev, + messages: [...prev.messages, message], + })); + }; + handleHow = () => { + const message = this.createChatBotMessage("Using augmented reality and historical maps, users can see how their surroundings looked in different time periods and learn about the history of the area. You can learn more in the demo section."); + this.setState((prev) => ({ + ...prev, + messages: [...prev.messages, message], + })); + }; + handleCreate = () => { + const message = this.createChatBotMessage("This was created by Akshat Chaube, Himank Gupta, Naman Gupta and Shreya Prasad."); + this.setState((prev) => ({ + ...prev, + messages: [...prev.messages, message], + })); + }; + handleThanks = () => { + const message = this.createChatBotMessage("You're welcome!"); + this.setState((prev) => ({ + ...prev, + messages: [...prev.messages, message], + })); + }; + handleBye = () => { + const message = this.createChatBotMessage("Goodbye, Have a great day!"); + this.setState((prev) => ({ + ...prev, + messages: [...prev.messages, message], + })); + }; + handleSelf = () => { + const message = this.createChatBotMessage("I can tell you more about this project. What would you like to know?"); + this.setState((prev) => ({ + ...prev, + messages: [...prev.messages, message], + })); + }; + handleContact = () => { + const message = this.createChatBotMessage("You can get contact information in the footer, or leave a message in the contact section."); + this.setState((prev) => ({ + ...prev, + messages: [...prev.messages, message], + })); + }; + handleWork = () => { + const message = this.createChatBotMessage("Please wait as more functionalities are added. In the meantime, you can leave your comments in the contact section and check out our GitHub (link in footer). Thank you for your patience!"); + this.setState((prev) => ({ + ...prev, + messages: [...prev.messages, message], + })); + }; + handleOkay = () => { + const message = this.createChatBotMessage("Anything else I can help you with?"); + this.setState((prev) => ({ + ...prev, + messages: [...prev.messages, message], + })); + }; + handleDefault = () => { + const message = this.createChatBotMessage("Please rephrase your query."); + this.setState((prev) => ({ + ...prev, + messages: [...prev.messages, message], + })); + }; + } export default ActionProvider; diff --git a/src/utils/messageParser.js b/src/utils/messageParser.js index c29eb73..c5292b2 100644 --- a/src/utils/messageParser.js +++ b/src/utils/messageParser.js @@ -6,9 +6,40 @@ class MessageParser { parse(message) { const lowercase = message.toLowerCase(); - if (lowercase.includes("hello")) { + if (lowercase.includes("what")&&lowercase.includes("is")) { + this.actionProvider.handleWhat(); + } + else if (lowercase.includes("how")&&lowercase.includes("work")) { + this.actionProvider.handleHow(); + } + else if (lowercase.includes("who")&&((lowercase.includes("created"))||(lowercase.includes("made")))) { + this.actionProvider.handleCreate(); + } + else if (lowercase.includes("thank you")||lowercase.includes("thanks")) { + this.actionProvider.handleThanks(); + } + else if (lowercase.includes("goodbye")||lowercase.includes("bye")) { + this.actionProvider.handleBye(); + } + else if (lowercase.includes("what")&&((lowercase.includes("do"))||(lowercase.includes("can")))&&lowercase.includes("you")) { + this.actionProvider.handleSelf(); + } + else if (lowercase.includes("contact")) { + this.actionProvider.handleContact(); + } + else if (((lowercase.includes("doesn't"))||(lowercase.includes("does not"))||(lowercase.includes("don't"))||(lowercase.includes("do not")))) { + this.actionProvider.handleWork(); + } + else if (lowercase.includes("hello")) { this.actionProvider.handleHello(); } + else if (lowercase.includes("okay")) { + this.actionProvider.handleOkay(); + } + else{ + this.actionProvider.handleDefault(); + } + } }