View on GitHub

Project 1: Serverless Contact Form

AWS Lambda, DynamoDB & API Gateway Integration

Overview

This project demonstrates building a fully serverless contact form using AWS Lambda to handle submissions, API Gateway as the interface, and DynamoDB for storage. Ideal for static sites and scalable solutions.

Technologies Used

AWS Lambda Amazon API Gateway DynamoDB IAM Roles JavaScript Bootstrap

Step-by-Step with Screenshots

Step 1: Design the Contact Form

Create a responsive frontend form with fields like Name, Email, and Message using HTML/CSS.

Contact Form UI Screenshot
Step 2: Create API Gateway Endpoint

Setup a REST API in API Gateway to receive form data via POST requests from the frontend.

API Gateway Setup Screenshot
Step 3: Write Lambda Function

Develop an AWS Lambda function (Python/Node.js) that parses form data and saves it in DynamoDB.

Lambda Function Screenshot
Step 4: Configure DynamoDB

Create a DynamoDB table with the necessary primary key (like email or timestamp).

DynamoDB Table Screenshot
Step 5: Test & Connect the Flow

Test the complete flow by submitting the form and verifying the data is saved in DynamoDB.

Testing Screenshot
← Back to Projects