Overview
A customer-facing AI chatbot that can be embedded into any website as a plug-and-play widget. Provides instant AI-powered support, lead qualification, and knowledge base Q&A using LLMs like Claude and GPT. Features customizable styling, conversation history, smart context handling, and responsive design that works across desktop and mobile.
Tech: TypeScript, Next.js, React, Claude API, Supabase, Tailwind CSS, Vercel
Tech Stack
TypeScriptNext.jsReactSupabaseTailwind CSSVercel
Key Features
Embeddable AI chatbot widget for any website
LLM integration with Claude and GPT APIs
Conversation history and context persistence
Customizable styling and branding
Lead qualification and knowledge base Q&A
Responsive design for desktop and mobile
Smart context handling for accurate responses
Challenges & Solutions
Embeddable Widget Architecture
Designed the chatbot as a standalone script-tag widget that injects into any website without conflicting with host page styles or scripts.
Context-Aware Responses
Implemented conversation history persistence via Supabase, allowing the chatbot to maintain context across sessions and deliver accurate, relevant answers.
Architecture
Next.js App Router frontend with Claude API integration on the backend. Supabase handles conversation storage and user context. Embeddable as a script tag widget on any website. Deployed on Vercel.
Next Project