HossamAbubakr / AWS-Blog-Deployment

Personal Travel Blog, AWS Static Website Deployement

Table of Contents

• Summary

• Technologies

• Structure

• Usage

Summary

This static personal travel blog was deployed to AWS as part of my AWS Cloud Developer Nanodegree from Udacity.

It demonstrates my understanding and ability to configure the following services:
AWS Buckets
AWS Policies
AWS CloudFront
AWS Static Website Hosting

Technologies

Bootstrap was used for the blog.
FontAwesome was used for the icons.
JQuery was used for DOM manipulation.
Amazon Web Services (AWS) was used for hosting.

Structure

|   index.html
|
+---css
|       clean-blog.css
|       clean-blog.min.css
|
+---img
|       Egypt.jpg
|
\---vendor
    +---bootstrap
    |   +---css
    |   |       bootstrap-grid.css
    |   |       bootstrap-grid.css.map
    |   |       bootstrap-grid.min.css
    |   |       bootstrap-grid.min.css.map
    |   |       bootstrap-reboot.css
    |   |       bootstrap-reboot.css.map
    |   |       bootstrap-reboot.min.css
    |   |       bootstrap-reboot.min.css.map
    |   |       bootstrap.css
    |   |       bootstrap.css.map
    |   |       bootstrap.min.css
    |   |       bootstrap.min.css.map
    |   |
    |   \---js
    |           bootstrap.bundle.js
    |           bootstrap.bundle.js.map
    |           bootstrap.bundle.min.js
    |           bootstrap.bundle.min.js.map
    |           bootstrap.js
    |           bootstrap.js.map
    |           bootstrap.min.js
    |           bootstrap.min.js.map
    |
    +---fontawesome-free
    |   |   LICENSE.txt
    |   |   package.json
    |   |
    |   +---css
    |   |       all.css
    |   |       all.min.css
    |   |       brands.css
    |   |       brands.min.css
    |   |       fontawesome.css
    |   |       fontawesome.min.css
    |   |
    |   \---webfonts
    |           fa-brands-400.eot
    |           fa-brands-400.svg
    |           fa-brands-400.ttf
    |           fa-brands-400.woff
    |           fa-brands-400.woff2
    |           fa-solid-900.eot
    |           fa-solid-900.svg
    |           fa-solid-900.ttf
    |           fa-solid-900.woff
    |           fa-solid-900.woff2
    |
    \---jquery
            jquery.js
            jquery.min.js
            jquery.min.map
            jquery.slim.js
            jquery.slim.min.js
            jquery.slim.min.map

Usage

You will have to configure the following services to deploy the blog.

1. AWS Buckets
2. AWS CloudFront