Project
A fully deployed conversational AI agent built on this portfolio — answering visitor questions 24/7, detecting hiring interest through natural conversation, capturing leads automatically, and triggering a complete 10-step pipeline across Google Sheets, Gmail, and Cloudflare Workers — all without any manual work.
This is not a basic chatbot. It is a live AI agent deployed on this portfolio that handles the full visitor-to-lead pipeline autonomously. The agent converses naturally with visitors, understands context across multiple pages, detects hiring intent without trigger words or buttons, and qualifies leads through conversation — not forms.
When a visitor shows interest, the agent naturally collects their name, project, and email through conversation. The moment both are confirmed, a 10-step automated pipeline fires — logging the lead to Google Sheets, sending an instant notification, and delivering a personalized follow-up email to the lead — all before the conversation even ends.
Built entirely with free tools and no paid courses — Groq AI for the language model, Cloudflare Workers as the secure backend proxy, and Google Apps Script for the automation pipeline.
| # | Step | Tool | Status |
|---|---|---|---|
| 1 | Visitor opens chat widget on any portfolio page | JavaScript (chatbot.js) | ✓ Live |
| 2 | Agent answers questions about skills, projects, availability | Groq LLM (llama-3.3-70b) | ✓ Live |
| 3 | Chat history persists across all pages — no reset on navigation | sessionStorage (JavaScript) | ✓ Live |
| 4 | Agent detects hiring intent through natural conversation — no forms | Groq LLM + System Prompt | ✓ Live |
| 5 | Agent naturally asks for name, project in mind, and email | Groq LLM + System Prompt | ✓ Live |
| 6 | Lead data sent securely through backend proxy | Cloudflare Workers | ✓ Live |
| 7 | Lead logged to Google Sheets with timestamp, message, and source page | Google Apps Script | ✓ Live |
| 8 | Instant email notification sent with full lead details | Gmail via Apps Script | ✓ Live |
| 9 | Automated personalized follow-up email sent to the lead | Gmail via Apps Script | ✓ Live |
| 10 | [LEAD] tag stripped from chat — visitor never sees backend logic | JavaScript regex | ✓ Live |
The agent running on this portfolio is the project. Click the chat button in the bottom-right corner and ask anything — about my skills, my projects, my availability, or how I can help your business.
If you express interest in working together, the agent will naturally ask for your details. The full pipeline fires automatically. Check the bottom-right corner to get started. 👇
// hint: try saying "I think your skills align with what our company is looking for"
This agent architecture can be adapted for any business that receives inquiries — service providers, freelancers, small businesses, agencies. The same pattern applies: visitor arrives → agent qualifies → lead captured → pipeline fires → owner notified → follow-up sent.
The same stack — Groq + Cloudflare Workers + Google Apps Script — can be extended to include CRM integration, SMS notifications, calendar booking, or multi-agent orchestration for more complex qualification flows.