JJ-Serverless-Portfolio

This git repo serves as a course work for an AWS/Serverless self tutorial, certification. Using a simple HTML/JavaScript webpage as a usecase to build a personal online Portfolio

At the end of the Course, I would have successfully deployed my sourcecode from a github or gitlab repository to an AWS S3 Bucket, that in turn would demonstrate my tangible understanding of the following technology under Amazon Web Services :-

AWS Lambda
AWS S3
AWS CloudFront
AWS IAM
AWS Route 53
AWS SNS
AWS CodeBuild
AWS CodePipeline

and these modern technologies:
ReactJS Framework/Library
Git and Github
Node Package Manager (NPM)
Webpack module bundler
Babel
Jest

Technology used (so far)

Atom Editor
Gedit Editor
Git and github
SSH
HTML
CSS
Font Awesome
Google Fonts

AWS Services (so far)

AWS S3 (Bucket)
AWS IAM
AWS Route53
AWS CloudFront
AWS CodeBuild
AWS Lambda
AWS CodePipeline

This is the breakdown of the inticipated flow of the Serverless Application

Step 1
A visitor visits your site (in this case halfknown.me.uk)
Step 2
they would go to your domain name which is managed by Route53
Step 3
route53 directs the site to cloudfront
Step 4
clouldfront hosts and redistributes your site ( Portfolio) accross to the world
Step 5
cloudfront gets the portfolio from S3
Step 6
the portfolio that gets to the user is made up of html , css, javasrcipt and some images ..
Step 7
html provides the structure of the portfolio
Step 8
css and images provides the look and feel
Step 9
javascripts permit us to generate some of the html from the data and makes the portfolio interactive
Step 10
use a java library called react, designed by facebook ..
Step 11
and use another library called Babel that makes sure your portfolio works on all browsers .

the portfolio is developed on a local machine ..

the sourcecode will be stored in github

AWS codepipelines will coordinate other services to build and deploy to the S3 bucket mentioned ..

AWS codebuild gets it from github, runs task and build ..

Registered & Hosted Domain with Route53

halfknown.me.uk

S3 Bucket (with Git repo files )

http://porfolio.halfknown.me.uk.s3-website-us-east-1.amazonaws.com/

note

There's a typo when setting up my S3 Bucket , I spelt Portfolio wrong without the 't'

Portfolio on S3 with Route53 (using the S3 Bucket or CloudFront as an A record)

porfolio.halfknown.me.uk

Redirecting all HTTP trafic to HTTPS on CloudFront, and applied SSL Certificate from AWS

https://d2di6b13dsc6yi.cloudfront.net/

Getting all pushed Source to AWS CodeBuild. (with the Assistance of a Python Script)

Serverless Infrastructure on Amazon Web Services