Skip to content

SreyaMaxwel/chatbot

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 

Repository files navigation

readme-banner

Basic Details

Team Name: [Icode]

Team Members

  • Team Lead: [Rasheeda PV] - [TKMCE]
  • Member 2: [Shivani S] - [TKMCE]
  • Member 3: [Sreya Mxwel] - [TKMCE]

Project Description

We implemented this project to fight with loneliness as it gives new solution.

The Problem (that doesn't exist)

Loneliness

The Solution (that nobody asked for)

As it gives the random answers irrelevant to the topic.

Technical Details

Technologies/Components Used

For Software:

  • [HTML]
  • [CSS]
  • [Libraries used]
  • [Tools used]

For Hardware:

  • [List main components]
  • [List specifications]
  • [List tools required]

Implementation

The idea of a chatbot in HTML is implemented by combining HTML for the structure, CSS for styling, and JavaScript for interactivity. Let’s break down the implementation into steps to understand how each part contributes to creating a basic chatbot:

  1. HTML for Structure Purpose: HTML provides the main structure of the chatbot interface. Components: A chat-container that acts as a wrapper for the entire chatbot. A chat-box div where all messages (user and bot responses) are displayed. An input area with a text field and a button for the user to type and send messages. html

Installation

[commands]

Run

[commands]

Project Documentation

For Software:

Screenshots (Add at least 3)

![Screenshot1](Add screenshot 1 here with proper name) Add caption explaining what this shows

![Screenshot2](Add screenshot 2 here with proper name) Add caption explaining what this shows

![Screenshot3](Add screenshot 3 here with proper name) Add caption explaining what this shows

Diagrams

![Workflow](Add your workflow/architecture diagram here) Add caption explaining your workflow

For Hardware:

Schematic & Circuit

![Circuit](Add your circuit diagram here) Add caption explaining connections

![Schematic](Add your schematic diagram here) Add caption explaining the schematic

Build Photos

![222

Here,it gives the home layout of the project.

![2

You can see here,the chatbox gives out the random answers to the irrelevenat topics for fun! HERE TRY IT OUTT GUYS!!!

Project Demo

Video

["C:\Users\SREYA MAXWEL\Videos\Screen Recordings\Screen Recording 2024-10-26 080303.mp4"] CODING AND THE OUTPUT OF OUR PROJECT!

Team Contributions

  • [Rasheeda pv]: [Idea of the content of the project]
  • [Sreya maxwell]: [Done the Coding part of the project]
  • [Shivani S]: [The design layout of the project]

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages