Visitor Counter
A lightweight serverless tracking feature that shows how many visitors have accessed your portfolio.
Project Overview
- Displays a dynamic visitor count on your homepage
- Tracks unique hits using serverless infrastructure
- Runs entirely on-demand with no infrastructure to manage
Architecture Summary
- DynamoDB: Table
PortfolioVisitorCount stores the hit counter
- Lambda Function: Increments the counter and returns the total
- API Gateway: HTTP API exposes the Lambda via
/visitor-count
- JavaScript: Frontend fetches and renders the value inside
<span id="visitor-count">
AWS Services Used
- AWS Lambda – Increments and returns visitor count
- Amazon API Gateway – Exposes endpoint to frontend
- Amazon DynamoDB – Stores and updates the count
- Amazon S3 – Hosts the frontend website
- Amazon CloudFront – Global CDN for secure HTTPS delivery
- AWS IAM – Controls permissions for Lambda access
- GitHub Actions – Automates frontend deployment
Live Demo
Try it live on the homepage: resume.stevedel.com
Look for the counter under: "Visitor count: [number]"
Code
Source code available on GitHub: DelGuers/aws-portfolio-site