Welcome to My AI Chatbot Demo

A showcase of my skills in building interactive AI solutions!

How to Use the Chatbot

To start chatting with my AI chatbot, simply click the blue circular floating icon on this page. It’s easy to spot and will open the chatbot interface for you to interact with.

API Key & Usage Limits

This chatbot uses my personal API key on a free tier plan with a limited number of API calls. If the limit is exceeded, the chatbot may not respond. If this happens, please contact me via the Contact page, and I’ll address the issue as soon as possible.

Architecture Overview

Here’s how I built this chatbot:

• Platform: This is a WordPress site built with the Gutenberg editor and the Astra theme for a clean, responsive design.
• Frontend: I used a Custom HTML block in Gutenberg to write the HTML and JavaScript code that powers the chatbot interface.
• Backend: The chatbot connects to a REST endpoint created with the WPCode plugin. This endpoint encapsulates calls to the Gemini API for AI responses.
• Error Handling: Currently, it includes only basic error handling to keep things simple for this demo.

Pending Improvements

This is a work in progress, and I have some exciting enhancements planned:

• Better Error Handling: Improve how the chatbot handles and displays errors for a smoother user experience.
• Query History: Add the ability to list previous queries and responses so users can revisit their conversations.
• Enhanced UI: Refine the design and interactivity of the chatbot interface.
• API Optimization: Explore ways to manage API limits more effectively or upgrade the plan for more calls.

Built by Varada Kadeganje | Contact Me for feedback or issues