Giter Site home page Giter Site logo

youngtiger1 / chat-bot-gemini Goto Github PK

View Code? Open in Web Editor NEW

This project forked from tommanzur/chat-bot-gemini

0.0 0.0 0.0 4.17 MB

Built using JavaScript and integrating Google's Generative AI, ChatBot is a modern chat application that showcases cutting-edge technology in natural language processing and user interaction.

JavaScript 15.67% CSS 71.61% HTML 12.72%

chat-bot-gemini's Introduction

ChatBot: A Conversational AI Chatbot

Welcome to the GitHub repository of ChatBot, an AI-powered chatbot designed to deliver an interactive and engaging conversational experience. Built using JavaScript and integrating Google's Generative AI, ChatBot is a modern chat application that showcases cutting-edge technology in natural language processing and user interaction.

Features

  • AI-Powered Responses: Utilizes Google Generative AI's Gemini-Pro model for generating coherent and contextually relevant responses.
  • User-Friendly Interface: A clean and intuitive chat interface, ensuring a seamless user experience.
  • History Tracking: Maintains a conversation history for context retention and improved chat continuity.
  • Markdown Support: Responses are rendered using markdown for enhanced readability and formatting.

ChatBot Interface Overview

ChatBot User Interface

The above image illustrates the user interface of ChatBot. Our chatbot integrates the latest in conversational AI to provide a smooth and natural chatting experience. The interface is designed to be simple and user-friendly, making it easy for users to start chatting with ChatBot right away. With the integration of the Gemini-Pro model from Google Generative AI, users can expect high-quality, coherent, and context-aware conversations.

Installation and Setup

  1. Clone the Repository
git clone [repository-url]
  1. Install Dependencies Navigate to the project directory and install the required dependencies:

  2. Install Required Libraries Install Google Generative AI and markdown-it libraries:

npm install @google/generative-ai markdown-it
  1. Environment Variables Set up the .env file with your Google Generative AI API Key:
VITE_API_KEY=your_api_key_here
  1. Run the Application Start the application locally:
npm run dev
  1. Open in Browser The chatbot will be available at http://localhost:3000 (default URL).

Usage

  • Type your message in the text area at the bottom of the chat interface.
  • Press 'Send' or Enter to submit your message.
  • The chatbot will respond promptly, with responses displayed in the chat area.

chat-bot-gemini's People

Contributors

tommanzur avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.