A modern customer support AI agent built with Next.js 15 and TypeScript. Answers questions about Thoughtful AI's healthcare automation agents (EVA, CAM, PHIL).
Try it out: https://thoughtful-ai.vercel.app
npm install
npm run devOpen http://localhost:3000 to start chatting.
The chatbot can answer questions about:
- EVA - Eligibility verification
- CAM - Claims processing
- PHIL - Payment posting
- General benefits and information about Thoughtful AI agents
Uses intelligent matching to find the best answer from predefined responses. If no match is found, it provides helpful guidance.
- Next.js 15 + TypeScript
- Tailwind CSS for styling
- React Hooks for state management
- Custom question matching algorithm
- API-first architecture
app/
βββ api/
β βββ chat/
β βββ route.ts # Chat API endpoint
βββ components/
β βββ ChatHeader.tsx # Chat header component
β βββ ChatInput.tsx # Input component with suggestions
β βββ ChatMessage.tsx # Individual message component
β βββ LoadingIndicator.tsx # Loading animation
βββ constants/
β βββ chat.ts # Centralized configuration
βββ data/
β βββ questions.ts # Predefined Q&A data
β βββ responses.ts # Rule-based response system
βββ hooks/
β βββ useChat.ts # Chat state management
βββ types/
β βββ api.ts # API-specific types
β βββ chat.ts # Chat-related types
βββ utils/
β βββ matchers.ts # Question matching algorithms
β βββ questionMatcher.ts # Main matching orchestrator
β βββ ruleHandler.ts # Rule-based response handler
β βββ validation.ts # Input validation utilities
βββ globals.css # Global styles
βββ layout.tsx # Root layout
βββ page.tsx # Main chat interface
Edit app/data/questions.ts to add new Q&A pairs:
{
question: "Your question?",
answer: "Your answer."
}Send a chat message and receive a response.
Health check endpoint.
npm run build
npm startBuilt for Thoughtful AI technical screening challenge.