I have noticed this company called Link Tree, where users log in and create a quick Links page with their picture on it and with all their links in one place. These links take them to multiple places, like their Social Media accounts, resumes. Blogs, products they sell, and so on.
While I was looking at it, I thought, I can create something like that from scratch. My HTML/CSS Skills are very outdated, so I decided to give it a shot.
But first let’s break down the project
- The Final Product
- Create HTML/CSS Website
- Create S3 Bucket (Video)
- Create SSL Certificate with AWS Certificate Manager (Video)
- Create a Cloud Front Distribution (Video)
- Apply Security – Only CloudFront can access the Public Bucket (Video)
- Go Live!
The Final Product
To visit the page go to https://links.it-learn.io
Creating an HTML/CSS Website
This was a straightforward part of my project, but it really took me a while to make sure everything looked the way I wanted. the main thing that took most of my time was to make sure all my images, buttons, and Headlines aligned to the center! – it was an interesting learning curve
Want to try this with no effort?
I created a Github repo that has the HTML/CSS files that have all you need to do a similar one –> Here is the address: Github-asarmiento85
Make sure yours is tweaked with your own links and information; this will be really easy from the index.html file. Next, let’s go to the more interesting stuff from it, the AWS configuration piece.
Create an S3 Bucket
I created a quick video on how to create the S3 Bucket in AWS
What to look forward to?
In the next post I will show you how to create the SSL Certificate using AWS Certificate Manager
About the Author:
Andres Sarmiento, CCIE # 53520 (Collaboration)
Started working professionally in 2003, Andres is specialized in Unified Communications and Collaboration technologies | Enterprise Networks and Network Security. Consulted for several companies in South Florida, also Financial Institutions on behalf of Cisco Systems. Andres has been involved in high-profile implementations, including Cisco technologies, such as Data Center, UC & Collaboration, Contact Center Express, Routing & Switching, Security and Hosted IPT Service provider infrastructures.