three-tier-web-architecture-on-aws

This project documents my step-by-step implementation of the AWS Three-Tier Web Architecture Workshop,done independently for learning and hands-on practice.

---

📁 Repository Structure

three-tier-web-architecture-on-aws/
├── app-tier/         # Application layer code (backend)
├── web-tier/         # Web server layer code (frontend)
├── nginx.conf        # NGINX config used in web tier
├── README.md         # Documentation of this project
└── LICENSE           # Project license

---

🚀 Project Steps

🔽 Part 0: Setup

• ✅ Git Clone

• ✅ S3 Bucket Creation

• ✅ IAM Role

---

🌐 Part 1: Networking & Security

✅ VPC & Subnets

...

✅ Subnets

subnet is created

✅ Internet Gateway

attach vpc to internet gateway

✅ NAT Gateway

NAT gateway is created

✅ Route Tables (Public & Private)

create two route one public one private

• Publice Route table

edit route

edit subnet Associations

• Private Route table

edit route

edit subnet Associations

route table is created

---

✅ Security Groups

create 5 security group

• InternetFacing
• WebTier
• Internal Load Balancer
• PrivateInstance
• DB-SG

InernetFacing

webTier

Inernal-lb-sg

PrivateInstance

DB-sg

security group is created

---

🗄️ Part 2: RDS (Database Tier)

• Subnet Group
• MySQL DB Instance

✅ create subnet groups

✅ create database

---

⚙️ Part 3: App Tier

• EC2 Launch for AppServer
• SSM Connect
• Configure DB connection
• Upload app-tier folder to S3
• Test App
• Create AMI, Target Group, Load Balancer, Launch Template & Auto Scaling

✅ Launch instance for AppServer

✅ Configure DB connection

select instance click on connect

copy endpoint of database

paste in this command like this

✅ Upload app-tier folder to S3

then

✅ Test App

Test App — fix DbConfig.js

✅ Create AMI, Target Group, Load Balancer, Launch Template & Auto Scaling

create an image from instance

create target group

create loadbalancer

launch template

create autoscaling

---

🌐 Part 4: Web Tier

• Configure nginx.conf with App LB DNS
• Upload web-tier and nginx.conf to S3
• Launch EC2 for WebServer
• Connect via SSM and test in browser
• Create AMI, Target Group, Load Balancer, Launch Template & Auto Scaling
• Final Test

✅ Configure nginx.conf with App LB DNS

now copy the dns and paste on nginx.conf file like 58 line

✅ Upload web-tier and nginx.conf to S3

✅ Launch instance for WebServer

select instance click on connect then

✅ Connect via SSM and test in browser

Connect via SSM

Test in browser

copy the ip of your intance and paste on your web browser

✅ Create AMI, Target Group, Load Balancer, Launch Template & Auto Scaling

create an image from instance

create target group

create loadbalancer

launch template

create autoscaling

✅ Final Test

now copy the dns of loadbalancer and paste on your web browser

---

🧠 Learnings

• Building multi-tier architecture with AWS best practices
• Role-based access, NAT & IGW usage
• Auto scaling with load balancers
• Configuring backend/frontend interaction securely
• Real-world deployment flow using EC2 and RDS

🧹 Clean-Up

After completing the project:

• Terminate EC2s
• Delete Load Balancers
• Delete NAT Gateways (to avoid billing)
• Delete RDS (optional: take snapshot)
• Delete VPC and associated components
• Remove S3 contents

---

🔗 Workshop Reference

AWS Official Workshop Link