https://github.com/abdulraheem381/serverless-lead-capture-aws
A fully serverless lead capture system built with AWS services. Features a beautiful animated contact form, API Gateway, Lambda, DynamoDB, and SES email notifications. Zero server management.
https://github.com/abdulraheem381/serverless-lead-capture-aws
api-gateway aws aws-lambda aws-s3 cloudfront-distribution dynamodb iam python ses
Last synced: 25 days ago
JSON representation
A fully serverless lead capture system built with AWS services. Features a beautiful animated contact form, API Gateway, Lambda, DynamoDB, and SES email notifications. Zero server management.
- Host: GitHub
- URL: https://github.com/abdulraheem381/serverless-lead-capture-aws
- Owner: abdulraheem381
- Created: 2026-05-03T05:21:49.000Z (2 months ago)
- Default Branch: main
- Last Pushed: 2026-05-03T05:41:49.000Z (2 months ago)
- Last Synced: 2026-05-03T07:24:50.408Z (2 months ago)
- Topics: api-gateway, aws, aws-lambda, aws-s3, cloudfront-distribution, dynamodb, iam, python, ses
- Language: HTML
- Homepage:
- Size: 1.52 MB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Serverless Lead Capture System
A modern, fully **serverless** contact form solution built on AWS that captures leads, stores them securely, and sends instant email notifications — **without managing any servers**.
## ✨ Features
- Beautiful, animated, responsive contact form (Tailwind CSS + vanilla JS)
- Fully serverless architecture (pay-per-use)
- Real-time data storage in DynamoDB
- Professional HTML email notifications via SES
- Secure with least privilege IAM roles
- CORS enabled and production-ready
- CDN ready (CloudFront)
## 🏗️ Architecture
- **Frontend**: Static HTML + Tailwind hosted on S3 + CloudFront
- **Backend**: API Gateway + AWS Lambda (Python)
- **Database**: Amazon DynamoDB
- **Notification**: Amazon SES
- **Security**: IAM Roles with least privilege
## 📁 Project Structure
```
serverless-lead-capture-aws/
├── index.html # Beautiful animated frontend
├── lambda_function.py # AWS Lambda backend logic
├── architecture-diagram.png # System architecture
├── screenshots/ # All project screenshots
│ ├── form.png
│ ├── api-gateway.png
│ ├── lambda.png
│ ├── dynamodb.png
│ └── ses.png
├── README.md
└── LICENSE
```
## 🚀 How It Works
1. User submits the contact form
2. Request hits API Gateway → Triggers Lambda
3. Lambda validates data → Stores in DynamoDB
4. Sends professional email notification via SES
5. Returns success response with smooth UI feedback
## 🛠️ Technologies Used
- **AWS Services**: S3, CloudFront, API Gateway, Lambda, DynamoDB, SES, IAM
- **Frontend**: HTML5, Tailwind CSS, Vanilla JavaScript
- **Backend**: Python 3.12
- **Others**: JSON validation, CORS, Environment Variables
## 📸 Screenshots
*(All screenshots are available in the `/screenshots` folder)*
- Live Contact Form
- Architecture Diagram
- API Gateway Configuration
- Lambda Function & Logs
- DynamoDB Table
- SES Email Received
## 📌 Key Learnings
- Serverless application design
- API Gateway + Lambda integration
- Secure email delivery with AWS SES
- Proper CORS configuration
- Environment variable management
- Least privilege access control
## Future Improvements
- Add reCAPTCHA / Bot protection
- Multi-language support
- Analytics integration
- Terraform IaC version
- Custom domain + Route 53
---
**Made with ❤️ for Cloud Engineering Portfolio**