Skip to content

abdulraheem381/serverless-lead-capture-aws

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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.

Project Architecture

✨ 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

About

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.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors