mirzayasirabdullahbaig07mirzayasirabdullahbaig07
11

Personal AI Chatbot

screenshot of Personal AI Chatbot

A fully interactive AI-powered chatbot built with **HTML, CSS, and JavaScript**, integrated with **Google Gemini API** for real-time responses. This project mimics a conversational AI assistant with support for file uploads, theme switching, chat history management, and typing effects

GithubDemo

Overview

The Personal AI Chatbot is an innovative tool designed to enhance user interactions through a fully interactive experience powered by advanced AI technology. Built using HTML, CSS, and JavaScript, this chatbot leverages the Google Gemini API to deliver intelligent responses in real-time. Users can enjoy a seamless chat experience, enriched with features that make communication more dynamic and engaging.

This chatbot is not only designed for casual conversations but also supports various file uploads and offers customizable user interfaces. With its emphasis on responsive design, the Personal AI Chatbot is accessible across all devices, making it an excellent companion regardless of where you are or what you're doing.

Features

  • Conversational AI: Utilizes the Google Gemini API to generate intelligent and context-aware responses, making conversations feel natural and engaging.
  • Typing Effect: Provides a smooth typing animation that displays responses word by word, enhancing the conversational experience.
  • File Upload Support: Allows users to upload a variety of file types including images, PDFs, CSVs, and text files, all with a preview feature to check your uploads.
  • Theme Toggle: Offers the ability to switch between dark and light modes, with preferences saved in localStorage to ensure a personalized experience.
  • Suggestions Panel: Includes quick prompts for faster interactions, making it easy to initiate conversations or queries without typing everything out.
  • Chat Management: Lets users clear chat history or halt responses at any time, giving control over the chat experience.
  • Responsive Design: Ensures a clean, modern user interface that works beautifully across all devices, making it easy to access from anywhere.