System Overview
1
Frontend
TypeScript UI
→
2
Lambda
API Gateway
→
3
Dialogflow
NLP Engine
→
4
Webhook
Fulfillment
→
5
Weather API
Data Source
Detailed Architecture Flow
Complete request lifecycle from user input to response
01
User Input
TypeScript frontend captures natural language query
"What's the weather in Seattle?"
HTTPS POST
02
API Gateway
AWS Lambda receives request via /chat endpoint
Serverless execution begins
Dialogflow API
03
Dialogflow NLP
Intent detection & entity extraction
Identifies: Intent="ChatBot", City="Seattle"
Webhook Callback
04
Fulfillment
Dialogflow calls /webhook endpoint
Passes extracted parameters
External API
05
OpenWeather API
Fetches real-time weather data
Returns temperature & conditions
Response Chain
06
User Response
Formatted weather information delivered
"The weather in Seattle is 15°C with clear sky"
🔒 Security
Service account credentials secured in Lambda environment
⚡ Performance
Sub-second response time with serverless architecture
🌐 Scalability
Auto-scaling Lambda handles unlimited concurrent requests
AI Assistant Online