🚀 I Built My Personal Portfolio Using HTML

🚀 My Portfolio Development & Cloud Deployment Journey

I recently started building my personal portfolio website to showcase my learning journey, technical skills, projects, education, and experience.

After creating my portfolio, I decided to take the next step and deploy it using AWS.

In this process, I worked with Amazon S3 and Amazon CloudFront to make my portfolio available online.

👨‍💻 About Me

I am currently pursuing MSc. Artificial Intelligence & Machine Learning at Coimbatore Institute of Technology.

My main areas of interest are:

• Artificial Intelligence
• Machine Learning
• Data Science
• Web Development
• Cloud Technologies

I enjoy learning new technologies and applying what I learn by building practical projects.

🌐 Creating My Portfolio

I created a personal portfolio website to bring my information and projects together in one place.

The portfolio includes:

• Home section
• About Me
• Skills
• Projects
• Internship Experience
• Education
• Contact section
• My profile photo

I built the current version using HTML and structured the portfolio inside a single index.html file.

💻 Things I Have Worked On

🎓 EduNexus

I worked on an academic project called EduNexus, an intelligent academic support and learning system.

The goal is to provide students with better academic assistance and personalized learning support.

📄 AI Resume Job Recommender

I also worked on an AI Resume Job Recommender project.

The project focuses on analyzing resumes and recommending relevant job opportunities using machine learning.

💼 CampusGig

Another project I worked on is CampusGig, a student freelance gig platform.

The idea is to provide students with a platform where they can discover and manage freelance opportunities.

🧠 Breast Cancer Classification

I worked on a machine learning project for Breast Cancer Classification using the Random Forest algorithm.

I also explored model evaluation and visualization as part of the project.

💼 Internship Experience

I also completed frontend/website development work at Vispra.

During this experience, I worked with website development and gained practical exposure to frontend technologies.

This helped me understand how the concepts I learned can be applied to real projects.

☁️ My First AWS Deployment

After creating my portfolio, I wanted to take it one step further by deploying it using AWS.

This gave me an opportunity to get hands-on experience with cloud deployment.

The deployment process I followed was:

text
Portfolio
   ↓
index.html
   ↓
Amazon S3
   ↓
Amazon CloudFront
   ↓
Portfolio Website🪣 Step 1 — Creating an Amazon S3 Bucket

First, I created an Amazon S3 bucket to store my portfolio website.

S3 provided the cloud storage required to upload and host my portfolio files.

📸 S3 Bucket

Add your S3 bucket screenshot here.

📤 Step 2 — Uploading My Portfolio

After creating the bucket, I uploaded my portfolio's:

index.html

file into the S3 bucket.

📸 Portfolio Uploaded to S3

Add your screenshot showing index.html inside the bucket here.

This was my first step toward getting my locally created portfolio onto AWS.

🌍 Step 3 — Deploying My Portfolio

After uploading the HTML file, I configured the S3 setup required for my portfolio deployment.

I was then able to access my portfolio through the S3 website endpoint.

📸 S3 Deployment

Add your S3 configuration/deployment screenshot here.

This helped me understand how a simple HTML website can be deployed using cloud storage.

⚡ Step 4 — Creating a CloudFront Distribution

After deploying my portfolio through S3, I worked with Amazon CloudFront.

I created a new CloudFront distribution for my portfolio and configured my S3 bucket as the origin.

📸 CloudFront Distribution

Add your CloudFront distribution screenshot here.

CloudFront is a content delivery network that helps deliver web content to users through AWS edge locations.

🚀 Step 5 — Deploying My Portfolio Through CloudFront

After creating the CloudFront distribution, I waited for the distribution to finish deploying.

Once it was deployed, I was able to access my portfolio through the CloudFront distribution.

📸 CloudFront Deployed

Add your screenshot showing the CloudFront distribution as deployed here.

This was an exciting part of the process because I could see my own portfolio being delivered through AWS CloudFront.

🎉 Final Result

After completing the deployment, my portfolio was successfully deployed using AWS.