https://github.com/ibrahimcsae/personal-portfolio-website

My personal portfolio website
https://github.com/ibrahimcsae/personal-portfolio-website

aws bootstrap cloudfront code-pipeline css html javascript lambda-functions python route53 s3-bucket

Last synced: 2 months ago
JSON representation

My personal portfolio website

• Host: GitHub
• URL: https://github.com/ibrahimcsae/personal-portfolio-website
• Owner: IbrahimCSAE
• Created: 2022-02-28T04:00:57.000Z (over 4 years ago)
• Default Branch: main
• Last Pushed: 2025-07-03T17:11:23.000Z (11 months ago)
• Last Synced: 2025-07-03T18:23:49.354Z (11 months ago)
• Topics: aws, bootstrap, cloudfront, code-pipeline, css, html, javascript, lambda-functions, python, route53, s3-bucket
• Language: HTML
• Homepage: https://ibrahimcs.me
• Size: 6.55 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Personal Portfolio Website

   • Developed a personal portfolio website using HTML, CSS Bootstrap framework, and several JavaScript libraries.


   • Calculated user trends and patterns by gathering data using Google Analytics tracking tags.


   • Optimized the website by leveraging CloudFront to communicate with AWS S3 and deploy the website on 225+ points of presence guaranteeing ultra-low latency and high availability.


   • Utilized Route53 DNS service to map CloudFront to a custom domain to deliver the website to end users.


   • Programmed a Lambda function in Python to detect S3 bucket updates and invalidate the CloudFront cache.


   • You can visit my website here [ibrahimcs.me](https://www.ibrahimcs.me).


   

  

# Technologies Used

![image](https://img.shields.io/badge/Amazon_AWS-FF9900?style=for-the-badge&logo=amazonaws&logoColor=white)

![image](https://img.shields.io/badge/JavaScript-323330?style=for-the-badge&logo=javascript&logoColor=F7DF1E)

![image](https://img.shields.io/badge/Bootstrap-563D7C?style=for-the-badge&logo=bootstrap&logoColor=white)

![image](https://img.shields.io/badge/CSS3-1572B6?style=for-the-badge&logo=css3&logoColor=white)

![image](https://img.shields.io/badge/HTML5-E34F26?style=for-the-badge&logo=html5&logoColor=white)

![image](https://img.shields.io/badge/Python-FFD43B?style=for-the-badge&logo=python&logoColor=blue)

# AWS Services Used

 ![S3](https://d1zornxddiqw2q.cloudfront.net/icon/c0828e0381730befd1f7a025057c74fb-43acc0496e64afba82dbc9ab774dc622.svg) S3 


 ![Lambda](https://d1zornxddiqw2q.cloudfront.net/icon/945f3fc449518a73b9f5f32868db466c-926961f91b072604c42b7f39ce2eaf1c.svg) Lambda 


 ![Route53](https://d1zornxddiqw2q.cloudfront.net/icon/f5d2c00d40914bff4f82f29f9ef768bc-53a84099cf556710383a52b4612a8612.svg) Route53 


 ![CloudFront](https://d1zornxddiqw2q.cloudfront.net/icon/4200ac8906c9a841a229ed9e5008a533-465d196059bdeeb0ffcb07ebe5f79b28.svg) CloudFront 


 ![Code Pipeline](https://d1zornxddiqw2q.cloudfront.net/icon/59874d8b5a9e702e16641126cc15e561-8137f94920dd8639de205d20e8e72ad6.svg) Code Pipeline 


 ![AWS Certificate Manager](https://d1zornxddiqw2q.cloudfront.net/icon/02b55e4f52388520bfe11f959f836e68-b8cdde73b02af863b91a2296bbd10b4c.svg) AWS Certificate Manager 


 

 # How does it work? (AWS Diagram)

 ![Diagram](https://github.com/IbrahimCSAE/personal-portfolio-website/blob/main/img/Diagram.png)