Overview
Gudiya AI is a web-based chatbot designed to simulate conversations that explore a user’s connection with a person. It fetches relationship-related data from a backend and responds in a conversational tone.
Purpose
- Analyze personal connections with Ravi
- Offer a simulated conversational experience
- Test frontend-based chatbot capabilities
Tech Stack
| Component | Technology | Purpose |
|---|---|---|
| Structure | HTML5 | Page layout |
| Styling | CSS3 | User interface and design |
| Logic | JavaScript | Functionality and chat logic |
| Backend | Google Apps Script | Data fetching |
| Storage | LocalStorage | Save chat history |
User Interface
- Responsive layout with dark/light theme potential
- Sidebar menu with navigational links
- Chat container for displaying messages
- Quick replies for guided interaction
Workflow
- Gudiya initializes and shows welcome message
- User sends a message or name
- Bot checks if it’s a name or general query
- If valid, fetches data from the Google Apps Script API
- Response is displayed and chat is saved locally
Privacy
- No personal data is stored on servers
- Only name is sent to the backend for response
- Local chat history saved only on user’s browser
File Descriptions
| File | Purpose |
|---|---|
| index.html | Main chatbot UI |
| styles.css | Styles for chatbot |
| script.js | Core chatbot logic |
| documentation.html | This documentation page |
| docs-style.css | Styles for documentation |
| docs-script.js | Optional interactivity for docs |