DialogFlow Shopping Website

This website uses DialogFlow an intuitive omnichannel conversational AI.

This is a shopping website that allow you to navigate, enquire about items, and add them to your cart using only DialogFlow using natural language. The front-end is built using React and Bootstrap and the back-end is built in Python using Flask. Authentication is done via tokens.

Disclaimer: The DialogFlow ShopBot does not have a very large training set so every now and then the bot may correct sentences incorrectly.

How to Run

Download Repository

$ git clone https://github.com/avigael/dialogflow-shopping-site.git
$ cd dialogflow-shopping-site
$ npm install

Set up DialogFlow

• Go to Settings in DialogFlow and go to Export and Import Tab

• Click Restore and upload ShotBot.zip found in the /DialogFlow folder

Set up Webhook Run in seperate terminals simultaneously

$ npm run tunnel

$ npm run dev

Copy forwarding Address

Paste into DialogFlow Fufillment Tab

Start Webpage

$ npm start

Note: To input text you must use the DialogFlow website and it will then update the Shopping Site.