Yuliya-beCode / Javascript

Mission objectives At the end of this challenge you should have improved your: JavaScript skills team skills git conflict skills
https://yuliya-becode.github.io/Javascript/
3 stars 1 forks source link
bestpractice chatbot create javascript teamwork

Javascript

Welcome to the webpage of our chatbot!

Link to the chatbot

What

Please see here below the UX Prototyp of our bot. This UX Prototyp has been created in Figma.

UX Prototype

Why

A chatbot is a software application used to conduct an on-line chat conversation via text or text-to-speech, in lieu of providing direct contact with a live human agent. A chatbot is a type of software that can automate conversations and interact with people through messaging platforms.

If you're interested to integrate a chatbot into your daily routine or your business life please check here below some advantages and disadvantages of Chatbots.

Advantages of Chatbots

  1. Gather Customer Insights

  2. Increase Sales

  3. Available 24/7

  4. Save Money

  5. Improve Customer Satisfaction

Disadvantages and Risks of Chatbots

  1. Lack Emotions

  2. Difficult to Create

  3. Made to Handle First-Level Questions

  4. Require Maintenance

Chatbots have a number of advantages and disadvantages. However, with the introduction of new technologies and software solutions such as ours, the advantages clearly outweigh the disadvantages.

When

The first self-learning bot was created by Microsoft, which tweeted the self-learning chat Tay in 2016.

Today chatbots are often used in business to advise and provide information to clients. For these purposes, chatbots are most often used in social networks or applications.

Our project has been started on 15/02/2021 and completed on 17/02/2021.

How

Our chatbot is very intelligent and can talk to you in the following structure:

  1. On loading of the page, the bot welcomes the user with a random greeting message (our bot has 5 different welcoming messages).

  2. Then, our chatbot asks the user "How are you doing? Would you like to talk to me?".

  3. The user can reply freely, and the bot will check in the response if he can find a "yes" or a "no":

    if the script find a "yes" in the message, the bot answers with a random sentence from a specific set 
    if the script find a "no" in the message, the bot answers with a random sentence from a specific set 
    if the script cannot find a "yes" or a "no" in the message, the bot answers something like "I didn't understand, can you please try again"
    if the script cannot find a "yes" or a "no" in the message after three attempts, our bot begins to be mad and use "passive-agressive" answer "Are you serious that you don't know how to read questions carefully. I do not want to talk to you anymore. You know where you can find me. Bye!" 
    if our bot receives an empty message, he will answer in the following way "I receive an empty message. Please try again."

According to the mood of our bot, a smurf image will be also changed

If the script finds a "yes" in the message

UX

If the script finds a "no"

UX

If the bot cannot find a "yes" or a "no" in the message

UX

If the bot receives an empty message

UX

  1. After this answer, our bot will finish his routine. He says "bye" to the user and the textarea goes to disabled mode.

Sending a message to the bot has been done by clicking the send button and also by pressing ENTER.

Our bot also suppotrs multi-line messages: by typing SHIFT+ENTER, you can create a new line in the textarea.

Who

Our Project Team consists of

If you have any questions in regards to our project, please do not hesitate to contact us directly on GitHub

Please find here below the Lighthouse Performance Score and notification of W3 Html Checker of our website

Lighthouse

W3Checker