Live Metrics
Real-time website analytics and CloudFront performance metrics
About These Metrics
This section showcases real-time metrics for this website, which is a key part of the Cloud Resume Challenge project. The metrics are dynamically updated using an AWS Lambda function that interacts with CloudWatch to fetch CloudFront distribution data.
How It Works
- AWS Lambda function queries CloudWatch metrics
- Data is processed and formatted for display
- Metrics update automatically every hour
- Real-time performance monitoring
Architecture
- CloudFront distribution serves the website
- CloudWatch collects performance metrics
- API Gateway exposes metrics endpoint
- Lambda processes and returns data
Real-Time CloudFront Metrics
Live performance data from AWS CloudFront distribution
Technical Implementation
Frontend
JavaScript fetch API for data retrieval
Automatic hourly updates
Responsive design with Tailwind CSS
Error handling and retry logic
Backend
AWS Lambda for serverless processing
CloudWatch API for metrics collection
API Gateway for HTTP endpoint
CORS enabled for cross-origin requests
API Endpoint
https://opct2jui6j.execute-api.us-east-1.amazonaws.com/prod/metrics
Want to Learn More?
This metrics system is part of my Cloud Resume Challenge project. Check out the complete case study to see how it was built!