Proposal

“Leaf” Clothing E-commerce Website

Using AWS Services Integration to Optimize the System (S3, CloudWatch, etc.)

1. Executive Summary

Leaf is an e-commerce platform specializing in fashion products for men and women, including fashion accessories such as jewelry, shoes, hats, and leather straps. The website integrates AWS services to optimize costs and enhance the user experience.

2. Problem Statement

Problem:
A clothing store needs its own e-commerce channel to optimize the user experience.

Solution:
Create a dedicated e-commerce website for the store using AWS services to optimize cost, time, and user experience.

3. Solution Architecture

The platform applies an AWS Serverless architecture to manage data.

Components and Roles in the AWS Architecture

A. User Interface Layer

ServiceRoleDetailed Description
AWS AmplifyWebsite deploymentHosts static websites (React, Vue, Next.js) and automatically builds/deploys when code is pushed to GitHub.
Amazon CloudFront (CDN)Improve page loading speedCaches static content (images, CSS, JS) close to users to reduce latency and bandwidth usage.
Amazon S3Store static files & product imagesActs as a content repository for images, banners, CSS/JS files.

B. Application Logic Layer

ServiceRoleDetailed Description
Amazon API GatewayAPI gatewayReceives requests from frontend and forwards them to Lambda functions for processing.
AWS LambdaServer-side logicHandles order processing, payments, authentication, email sending, without dedicated servers.
Amazon DynamoDBNoSQL databaseStores products, accounts, orders, shopping carts, offering high speed and automatic scaling.
Amazon OpenSearch ServiceProduct searchAllows users to quickly search products by keywords, color, price, etc.
Amazon EventBridgeEvent handlingAutomatically triggers events (e.g., new order → send email, update stock).
AWS Secrets ManagerSecure sensitive dataStores API keys, payment tokens, database passwords to protect data.

C. User Management & Security Layer

ServiceRoleDetailed Description
Amazon CognitoUser authentication & managementSupports signup, login, password reset, MFA without building your own auth system.
AWS WAF (Web Application Firewall)Web protectionProtects against SQL Injection, XSS, DDoS, and other malicious access.
Amazon Route 53DNS & domainManages domain names.

D. Notification & Communication Layer

ServiceRoleDetailed Description
Amazon SNS (Simple Notification Service)System notificationsSends notifications to admins or users (via email, SMS, or push notifications).
Amazon SES (Simple Email Service)Transactional emailsSends order confirmations, promotions, password reset emails, etc.

E. AI & Machine Learning Layer

ServiceRoleDetailed Description
Amazon TranslateContent translationTranslates product descriptions to other languages for international customers.
Amazon BedrockAI content generationCreates chatbots for shopping assistance.

F. Monitoring & Management Layer

ServiceRoleDetailed Description
Amazon CloudWatchSystem monitoringMonitors logs, performance, alerts for errors or cost spikes.
AWS CloudTrailAdministrative loggingTracks configuration changes (who changed what, and when) for auditing purposes.

4. Technical Implementation

Implementation Stages:

  1. Collect system requirements and features
  2. Estimate cost and check feasibility
  3. Design UI prototypes using Figma
  4. Build database schema
  5. Develop frontend interface
  6. Build API, backend, integrate AWS services
  7. Test, deploy, and finalize the project

5. Timeline & Milestones

  • Month 1: Learn AWS
  • Month 2: Design and implement the project
  • Month 3: Deployment and testing

6. Budget Estimate

Check cost here: AWS Pricing Calculator


Storage & Data Services

ServiceFunctionEstimated UsageCost/Month (USD)Notes
Amazon S3Store images, CSS, JS10 GB storage, ~5k GET, ~500 PUT0.35Low data, low traffic
DynamoDBStore orders & carts~1 GB data, 100k read/write0.20On-demand mode
OpenSearch ServiceProduct search1 small instance, 10% uptime3.00Reduced configuration due to small dataset

Backend & Logic Processing

ServiceFunctionEstimated UsageCost/Month (USD)Notes
AWS LambdaAPI processing, payments100k requests, 128MB, 100ms0.20Very cheap due to serverless
API GatewayAPI access100k requests0.10Directly connected to Lambda
Secrets ManagerSecure API keys, DB1 secret0.40Maintained
EventBridgeInternal event triggers1k events/month0.05Lightweight for notifications/orders

User Interface, Authentication & Security

ServiceFunctionEstimated UsageCost/Month (USD)Notes
Amplify HostingFrontend deployment10 GB, 3 builds/month1.50CI/CD + static hosting
CloudFront (CDN)Content delivery5 GB out0.20Reduce CDN cost
WAF (Web Firewall)Web protection1 ACL5.00Basic security required
CognitoUser authentication100 MAU1.00Reduced from $5 baseline
Route 53Domain DNS1 hosted zone0.50Unchanged

Email & Notifications

ServiceFunctionEstimated UsageCost/Month (USD)Notes
SES (Email)Order confirmation emails1,000 emails/month0.15$0.0001 per email
SNS (Notifications)HTTP/email notifications1k messages0.05Used for internal notifications

AI & Machine Learning (Optional)

ServiceFunctionEstimated UsageCost/Month (USD)Notes
TranslateProduct translation EN↔VI10k characters0.15Support international customers
BedrockGenerate product descriptions100 small requests0.10Can be disabled if not needed

Monitoring & Logging

ServiceFunctionEstimated UsageCost/Month (USD)Notes
CloudWatchLogs, metrics monitoring1–2 GB log1.50Reduced from $9
CloudTrailActivity auditingDefault usage0.00Free tier sufficient

Total Estimated Monthly Cost

Service GroupTotal Cost (USD/month)
Storage & Data3.55
Backend & Processing0.75
UI & Security8.20
Email & Notifications0.20
AI & ML (Optional)0.25
Monitoring & Logs1.50
Total (Actual)≈ 14.45 USD / month (~375,000 VND)

7. Expected Outcomes

  • The website runs with low latency and smooth image display.