ChatVerse 🤖

Project Summary

Welcome to the ChatVerse , a Virtual Chatbot project! This chatbot allows users to have interactive and dynamic conversations with an AI-powered assistant, incorporating advanced features like image uploads, emoji-based responses, and context-aware conversations that build on past interactions.

Front-end 🌐

• Technologies Used: HTML, CSS, JavaScript, Webpack bundler
• Features:
  • 📱 Responsive Design: Optimized for various devices
  • 🔍 User-friendly Interface: For having fruitful conversation
  • 🤖 3D-Model: Integrated Sketchfab 3D robot model directly into the chat interface

Back-end 🛠️

• Features:
  • 🧩 GEMINI API: Handles user interactions and generates responses

🚀 Key Features

• 📸 Image Upload: Users can upload images during the conversation.
• 😄 Conversation Using Emojis: Chat with the bot in a fun and expressive way.
• 🔄 Context-Aware Conversations: The chatbot remembers previous responses, allowing for context-based conversations
• 🤖 3D Model Interaction: Integrated Sketchfab 3D models directly into the chat interface

Deployment 🚀

The ChatVerse project has been deployed using Render

• Live Application: ChatVerse Project

Author ✍️

• @abhishek-jain

This virtual chatbot project showcases my proficiency in utilizing the DOM and its functionalities to create an engaging chatbot. It allows users to have context-aware conversations and upload images to extract information about them.

---

🛠️ Installation & Setup

Prerequisites

Before you start, make sure you have the following installed:

npm (for package management)

1. Clone the repository

git clone https://github.com/AeeJayy83/VirtualChatbot.git
cd VirtualChatbot

2. Install dependencies

Run the following command to install all the required packages:

npm install
npm install --save-dev webpack webpack-cli webpack-dev-server

3. Start the server

To run the chatbot locally, use the command:

npm run build
npm run start

Visit http://127.0.0.1:5500/public/index.html in your browser to interact with the chatbot.