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.