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