Content ITV PRO
This is Itvedant Content department
Deploying ContentSphere Infrastructure on AWS
Business Scenario
Manager:
We have successfully provisioned the basic infrastructure for ContentSphere using Terraform. Now, we need to deploy this infrastructure on AWS and verify that all resources are created correctly.
DevOps Engineer:
That's correct. We will use Terraform to apply our infrastructure configuration and automate the deployment of AWS resources.
Manager:
What are the benefits of deploying infrastructure this way?
DevOps Engineer:
It ensures consistency, reduces manual errors, enables faster deployments, and allows us to manage infrastructure through version-controlled code.
Manager:
What is our deployment plan?
DevOps Engineer:
We will initialize Terraform, validate the configuration, review the execution plan, and apply the changes to deploy the ContentSphere infrastructure on AWS.
DevOps Engineer to Team:
Team, we will execute the Terraform workflow, deploy the required AWS resources, verify successful provisioning, and ensure the ContentSphere infrastructure is operational and ready for application deployment.
Team:
Understood. We will deploy the ContentSphere infrastructure on AWS using Terraform and validate that all resources are functioning correctly in the cloud environment.
Pre-Lab Preparation
AWS Account is available.
AWS CLI is installed and configured.
Terraform is installed.
EC2 Key Pair is available.
Basic understanding of Terraform resources.
Basic understanding of AWS VPC, EC2, and S3.
Task 1: Create Terraform Project
1
Create a project directory
mkdir contentsphere-infra
cd contentsphere-infra
2
Create a Terraform configuration file
touch main.tf
Task 2:Configure AWS Provider
1
Open the main.tf file
vi main.tf
2
Add the AWS provider configuration
Get The aws provider configuration from official link of terraform
Task 3: Create ContentSphere VPC
1
Add the following VPC resource to the configuration file
resource "aws_vpc" "contentsphere_vpc" {
cidr_block = "10.0.0.0/16"
tags = {
Name = "ContentSphere-VPC"
}
}
2
Initialize Terraform
terraform init
3
Review the execution plan.
terraform plan
4
Provision the VPC.
terraform apply
Type: yes
Task 4: Create ContentSphere EC2 Instance
1
Add the EC2 configuration.
resource "aws_instance" "contentsphere_server" {
ami = "ami-xxxxxxxx"
instance_type = "t3.micro"
tags = {
Name = "ContentSphere-Server"
}
}
2
2
2
2
2
2
2
2
Deploy the EC2 instance
terraform apply3
Verify the EC2 instance from the AWS Console.
Navigate to: EC2 → Instances
Verify the instance state is: Running
Task 5: Create ContentSphere S3 Bucket
1
Add the S3 bucket resource.
resource "aws_s3_bucket" "contentsphere_bucket" {
bucket = "contentsphere-demo-bucket-unique"
}
2
Apply the changes.
terraform apply
3
Verify the S3 bucket.
Navigate to: AWS Console → S3
Verify the bucket is created successfully.
Task 6: Verify Infrastructure Deployment
1
List Terraform-managed resources.
terraform state list
Expected Output:
aws_vpc.contentsphere_vpc
aws_instance.contentsphere_server
aws_s3_bucket.contentsphere_bucket
Pre-Lab Preparation
View food items and menus
Add items to cart
Place orders online
Topic : Weaving the world of Web
1) Navigating the world of Web
2) Building Blocks of Website,
3) Tag Titans: Fundamental Web Construct.
git pull origin branchNameGit Pull
Task 1: Understanding BRD
Before you start building anything, you need to clearly understand what the client actually wants.So, let’s begin by understanding the BRD (Business Requirement Document) shared by the client.
BRD Full Form is Business Requirement Details.BRD like a plan for building a house. This plan helps the builder understand what to build.In the same way,BRD tells developers what the client wants to build
Click to download BRD : BiteBox_BRD.pdf
Activity
After going through BRD list down the Core Features and Web Pages in the tabulated Format as shown Below.
| Col 1 | Col 2 | Col 3 |
|---|---|---|
| Row 1 | ||
| Row 2 | ||
| Row 3 |
Formula
Profit = Revenue - Cost
Task 2: Create WireFrame
Now that you understand the requirements, don’t jump into coding yet. Before development, we always visualize the layout.
Now lets create a simple wireframe for the homepage.
A wireframe is like a layout plan of a house. Before building, you decide where rooms, doors, and windows will be placed.Similarly, a wireframe helps you plan where elements like headers, images, and buttons will appear on a webpage—before adding design or colours.
Task 3: Code Editor Installation
Good work on completing the planning phase.
Now we will start development. Before that, make sure your system is ready with the required tools.
In this step we will install the VS code editor that will help to Write code efficiently,Organize files , Run and test your application
Go to the visual studio code official website
1
Click to download Homepage Wireframe : Homepage Wireframe
Choose your operating system(windows / Mac) and download the installation file.
Double click on the download app and Accept the agreement and click next
2
It is a long established fact that a reader will be distracted
b
Sub Steps
a
Double click on the download app and Accept the agreement and click next
public class MathSample {
public static void main(String[] args) {
int x = 10;
int y = 20;
int sum = x + y;
System.out.println("The sum is: " + sum);
}
}public class MathSample {
public static void main(String[] args) {
int x = 10;
int y = 20;
int sum = x + y;
System.out.println("The sum is: " + sum);
}
}
public class MathSample {
public static void main(String[] args) {
int x = 10;
int y = 20;
int sum = x + y;
System.out.println("The sum is: " + sum);
}
}
Great job!
You have successfully completed your first lab on BiteBox Project Onboarding.
In this lab, you have: Understood the BRD, Created a wireframe, Set up your development environment, Organised your project structure, Run your first program
You are now ready to move to the next stage of development
Checkpoint
Next-Lab Preparation
Git Push
git push origin branchNameTopic : Working with a Text and Listin HTML
1) Power of HTML text tags
2) Customizing your style with CSS
3) Listing it right using HTML
4) HTML Link up , attributes of tag, block vs inline elements
Text box Width : 887
Business Scenario, Pre-lab Preparation, Next-lab Preparation, Task, Activity, Checkpoint : 90%.
Steps : 1,2,3 [Sub Steps - a,b,c]
Normal Text, Topic Name : 80%
Subtopic : 70%
Code Box font Size : 16px
By Content ITV