Skip to content

doondi30/ChatBot-UI

Repository files navigation

ᴡʜᴀᴛꜱᴀᴘᴘ ᴘᴏʀᴛꜰᴏʟɪᴏ ʙᴏᴛ 💻

This interactive chatbot experience mimics WhatsApp's UI and helps you learn more about me using the Gemini API and predefined commands.

📖 Table of Contents

🎯 Overview

  • This web app is a creative and engaging way to explore my portfolio.
  • Think of it as chatting with me through a WhatsApp-style bot!
  • You can type predefined keywords to get information about my skills, projects, resume, and more.

For anything else, the app responds using the Gemini AI API, making it feel like you're having a real conversation.


🧑‍💻 How to Use

Type one of the following keywords in the chat to get started:

Keyword Response
skills Get a list of my technical skills
resume Download/view my resume
achievements See a list of my achievements
address Know my current location/address
contact Ways to connect with me (email, socials)
projects Explore my personal and academic projects
about Learn more about this web app
clear Reset/clear the conversation

For any other input, the bot responds using Gemini AI for a natural, conversational experience.


✨ Features

  • 💬 Chat-Style UI similar to WhatsApp
  • 🔑 Predefined Commands to explore my portfolio
  • 🤖 Gemini AI Integration for dynamic responses
  • 📄 Resume & Project Viewer
  • 📱 Responsive Design across devices
  • 🎓 Student portfolio

🖼️ Screenshots

💻 Desktop View

Copy of hangmanMbl

📱 Mobile View

whatsAPPBotMobileDemo

whatsAPPBotMobileDemo (1)


🛠️ Built With

  • HTML, CSS, JavaScript
  • Gemini API (Google's LLM)
  • Responsive Web Design

📌 Links


Feel free to try it out and explore my work in a unique way.

Happy chatting! 💻📱

About

A web app mimicking WhatsApp, offering insights about me through an interactive chat-style experience

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published