Welcome to my portfolio!

This is my first static web page, and I will periodically update it with blog-style posts, my experiences and projects within my AWS Studies. It will also be where I can showcase my qualifications and accreditations.


๐Ÿ—• ๐Ÿ—– ๐Ÿ—™

A quick breakdown for an E-Commerce website

This is a very quick drawing for an E-Commerce website with a distribution centre.

Similar to Amazon.com or any other website, it uses Amazon SNS and SQS to utilise Push Notifications for messages like "You've left this in your basket" and if left long enough, works with a dead letter queue to issue a temporary discount.

Hopefully, the discount causes the customer to return and make a purchase where it can be fulfilled by the distribution centre.

The main architecture is designed to be serverless, using AWS Services like Lambda to deal with the bulk of the requests based on triggers like an S3 "PUT" and DynamoDB to reference the data.



The diagram is one of the first I ever drew using my knowledge of AWS and I'm sure you can recognise the potential for improvement.


๐Ÿ—• ๐Ÿ—– ๐Ÿ—™

This is a clothing recommendation app!

This solution requires users to upload images of clothing items in their "wardrobe" (both in theory and practice) to an S3 bucket which is triggered by Lambda, invoking a Rekognition function for image analysis. Once the results are returned to the "wardrobe" DynamoDB, a second Lambda function pushes the data from the analysis to Amazon Sagemaker, where the machine learning model is trained to generate a recommendation.

A bonus from using SageMaker in conjunction with Lambda is that we can use API's like WeatherAPI to assist our recommendations. For example, if the user provides their location, WeatherAPI can query the season, temperature and conditions; and Sagemaker uses this data. The result is that you aren't told to wear shorts and a T-shirt when its snowing (unless thats your thing).

Once we have our recommendation, our well-used service Lambda takes the reigns again and delivers our recommendation to Amazon SNS. The final piece to the puzzle is a lovely notification from the app, telling you that your recommendation is ready!




There are plenty of other additions to this drawing such as implementing a function similar to Vinted and sharing between "friends".


๐Ÿ—• ๐Ÿ—– ๐Ÿ—™

Centering in CSS

This is from Kevin Powell, a creator who does HTML and CSS content, he is very easy to learn from.

Roadmap.sh

roadmap.sh is a community effort to create roadmaps, guides and other educational content to help guide developers in picking up a path and guide their learnings. Community created roadmaps, guides and articles to help developers grow in their career.


A "front end developer" is a programmer who focuses on creating the visual and interactive elements of a website or application that users directly see and interact with, primarily using languages like HTML, CSS, and JavaScript to design and build a user-friendly interface (UI)


A "back end developer" is a software developer who focuses on building and maintaining the server-side components of a website or application, including databases, application logic, and APIs, essentially handling the "behind-the-scenes" operations that users don't directly see, ensuring smooth data processing and communication between the front-end and the database.

W3schools

W3Schools is a freemium educational website for learning coding online. Initially released in 1998, it derives its name from the World Wide Web but is not affiliated with the W3 Consortium. W3Schools offers courses covering many aspects of web development. W3Schools also publishes free HTML templates.

HTML (Hypertext Markup Language) is a computer language that defines the structure and meaning of content on a web page. It's a fundamental building block of the web, and is used by web browsers to display text, images, and other media.

CSS is the acronym of โ€œCascading Style Sheetsโ€. CSS is a computer language for laying out and structuring web pages (HTML or XML). This language contains coding elements and is composed of these โ€œcascading style sheetsโ€ which are equally called CSS files (. css).

JavaScript (JS) is a programming language used to create interactive web pages. It's a core technology of the World Wide Web, and is used by 99% of websites.