/chatBOT

An interactive web application leveraging Google's Generative AI library. It provides users with a unique interface to generate AI content, featuring a responsive navigation bar that appears when the mouse is near the screen edges.

Primary LanguageJavaScriptMIT LicenseMIT

Main Page

chatBOT

This is a web application that uses Google's Generative AI to create a unique user experience. The application has a responsive navigation bar that appears when the mouse is near the edges of the screen.

Code Overview

main.js

The main.js file is responsible for the interactivity of the navigation bars and handling user inputs.

When the mouse moves within 250px of the left or right edge of the screen, the corresponding navigation bar expands to 200px. If the mouse moves away from the edge, the navigation bar contracts.

The sendButton and clearButton are used to handle user inputs. The userInput field is where the user can enter their input.

The application also has a feature to save conversations. The saved conversations can be accessed from the right navigation bar.

Getting Started

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes.

Prerequisites

What things you need to install the software and how to install them:

  • A modern web browser
  • A text editor, such as Visual Studio Code
  • npm install @google/generative-ai

Installing

A step by step series of examples that tell you how to get a development environment running:

  1. Clone the repository to your local machine
  2. Open the main.js file in your text editor
  3. Open the index.html file in your web browser

Built With

Google - The AI framework used

Author

  • Charles Sanders

License

This project is licensed under the MIT License - see the LICENSE.md file for details

All powered by:

My Skills