This is my personal portfolio website, initially created using HTML and CSS, later enhanced with Bootstrap for responsive design. π¨π±
It showcases my skills, projects, and contact information, serving as a professional introduction and a platform to display my work and experience. πΌπ―
π Explore my portfolio on different platforms:
- πΉ GitHub Pages: View Portfolio on GitHub Pages
- πΉ AWS S3: View Portfolio on AWS S3
- πΉ AWS CloudFront (Secure): View Portfolio via CloudFront
β
Responsive Design: Adapts seamlessly to all devices using Bootstrap, CSS Grid, and media queries. π²
β
Sticky Header Navigation: Ensures smooth and easy navigation across sections. π
β
About Me Section: A brief bio with a professional profile image. π§βπ»
β
Projects Showcase: Highlights key projects with detailed descriptions and vibrant images. π
β
Contact Section: Includes a contact form and direct links for email & phone. π§π
πΉ HTML β Structures the webpage.
πΉ CSS β Styles the webpage using advanced layout techniques:
- π¨ Bootstrap β Provides responsive grid layouts & pre-designed components.
- π CSS Grid β Enables complex layout structures.
- π Media Queries β Ensures the site adapts to various screen sizes.
The portfolio is securely deployed on AWS S3 and served via AWS CloudFront for performance and security. π
π Security & Configuration Details
πΉ Bucket Policy: Grants public read access only to HTML, CSS, and images while requiring HTTPS for security. π
πΉ Static Website Hosting: Utilizes S3 to serve files reliably and at scale. π
πΉ CloudFront Distribution: Enhances global delivery speed for faster page loads. β‘π
πΉ Enforced HTTPS: All website traffic is encrypted using SSL/TLS via CloudFront. ππ
πΉ Route 53: Integrated with AWS Route 53 to manage domain names and DNS settings, ensuring reliable routing and domain management. π
- A sticky navigation bar linking to:
- π About Me
- π₯ Projects
- π¬ Contact
- Introduces my background & achievements.
- Features a professional image and personal insights.
- Terraform Project: Uses Infrastructure-as-Code (IaC) to automate cloud deployments. ποΈ
- AWS Rekognition Project: Leverages AI-powered image analysis for validation. π€πΈ
- Includes a contact form for visitors to reach out.
- Direct communication via email & phone. ππ
This portfolio is a continuous learning project, reflecting my skills in frontend & cloud technologies. πβ¨
Itβs designed to evolve as my expertise grows and expands! π
π Note: I conduct regular updates & security reviews to maintain the siteβs performance & integrity. π§π