Annoying Chatbot

https://sanjeeb-j.github.io/UselessWebsite/

Basic Details

Team Name: Debug

Team Members

• Team Lead: Sanjeeb J - Government College of Engineering Kannur
• Member 2: Karthik S - Government College of Engineering Kannur
• Member 3: Arjav P - Government College of Engineering Kannur

Project Description

Our project is a Funny and Annoying Chatbot Web Application that entertains users through humorous, sarcastic, and overly enthusiastic responses. Designed with vibrant visuals, dynamic quotes, and interactive features, the chatbot keeps users engaged in a playful chat experience, blending tech with humor.

The Problem (that doesn't exist)

This project tackles the "serious" problem of boredom. With the Funny and Annoying Chatbot, we're solving the issue of dull online interactions by providing users with an absurdly sassy AI companion who has a knack for sarcastic encouragement and not-so-helpful responses. It's perfect for those moments when you need a laugh, a little lighthearted annoyance, or just a break from real, useful advice!

The Solution (that nobody asked for)

We're solving this “problem” by unleashing a chatbot that's more dramatic than a reality TV star and as helpful as a broken compass! Armed with sarcastic, overly enthusiastic responses, and the personality of a grumpy comedian, this bot is here to humorously engage (or annoy!) you with its eye-rolling, “did you really just ask me that?” attitude. You'll laugh, maybe roll your own eyes, and definitely wonder if this is really the best use of AI… (Spoiler: it is!)

Technical Details

Technologies/Components Used

For Software:

Languages used

• HTML, CSS, JavaScript

Frameworks used

• The project is built with vanilla HTML, CSS, and JavaScript for simplicity and lightweight performance.

Libraries used

• No libraries are used

Tools used

• Code Editor: Visual Studio Code or any other preferred code editor.
• Browser Developer Tools: For testing and debugging.
• GitHub Pages: To host the chatbot webpage online.

Implementation

For Software:

Installation

Since this is a website project using HTML, CSS, and JavaScript, there is no complex installation required.

1. You can directly access our website Link: https://sanjeeb-j.github.io/UselessWebsite/

2. Clone the Repository: git clone https://github.com/Sanjeeb-J/UselessWebsite.git

Run

You can directly access our website Link: https://sanjeeb-j.github.io/UselessWebsite/

Project Documentation

For Software: This project uses HTML, CSS, and JavaScript to create a fun and interactive chatbot. The code is structured as follows:

• index.html: The main structure of the chatbot UI.
• style.css: Contains styles for the chatbot interface, including themes and layout.
• script.js: The logic for generating chatbot responses, handling user interactions, and updating the UI.

Screenshots

This is the homepage of the "Annoying Chatbot" web application, where users can type messages to interact with a chatbot. The page has a simple and clean design with a gradient background and a central message input box.

The initial screen displays a clean and user-friendly interface with a message input box and a "Send" button, inviting users to start a conversation with the "Annoying Chatbot."

The chatbot responds with humorous, deflective messages.

The user is typing a follow-up question

The chatbot avoiding direct answers to user questions and responds with humorous, deflective messages.

Project Demo

Video

Our demo video gives a brief working of our Annoying Chatbot https://drive.google.com/file/d/1-T-hNKHC4RPBkzVZHOuPjxtCP8iLtIMT/view?usp=sharing

Team Contributions

• Sanjeeb J: Website developer + Team coordinator
• Karthik S: Website designer + Researcher
• Arjav P: Website designer

---

Made with ❤️ at TinkerHub Useless Projects