I have designed the 'help' page to be the same as the main page of 'OpenGenus'. It focuses on chatbot functionality. • It contains information like chatbot features and a user manual. • The navigation bar contains links to other pages. • It also includes night mode functionality. • It has an option to contact and many more.
Implemented Type: Menu-based chatbots Use : Helps users decide which services to obtain from the organization with which they interact.
Used Approach: rule-based or click-based.
Languages used: HTML, CSS, Bootstrap, JavaScript, and jQuery.
This chatbot offers the user the chance to choose from several options, presented in the form of menus or buttons. Depending on what the user clicks on, the bot then prompts another set of options for him to choose from, and so on.
- demo-data data.json [database file to intereact with user]
- flow.css Include code for Chat Container
- flowchart.css Include code for Chat Window
- flowchat.js Include javascript code for Chat Window
- flowchatui.js Include javascript code for Chat UI
- index.html Include html code for help page
- styles.scss Include css code for UI
- main.js Include js code for MENU
- styles.css Include css code for UI
- Download Project and Unzip it.
- Paste this folder into your project .
- Open your code editor .
- Add 'help' page tag into main page(index) of project.
- Run With live server .
All images,cdn,required libraries used in this project are open-sourced and do not violate their terms and regulations . All image icon are made by paint .