Personal Portfolio Website

A responsive portfolio website built from scratch.

HTML CSS JavaScript AWS GitHub
Screenshot of my personal portfolio website

Overview

This project is my personal portfolio website. I designed and developed the website to showcase my technical and creative work while creating a space that represents my skills and personality.

The Challenge

I wanted to create a website that was simple to navigate while still being visually interesting. I also wanted the website to demonstrate my understanding of web development rather than relying on a pre-built template.

The Process

I began by planning the structure of the website and determining how I wanted visitors to navigate between my technical and creative work. I created a HTML skeleton I can reuse for the site's pages and for future development. I decided to settle for a static site, as for a portfolio I don't believe have the site be dynamic was an advantage.

Next, I had to build the pipeline. I used GitHub for version control and coupled with GitHub Actions I wrote some code to automatically push my updates to the S3 bucket. What's left is verifying the updates and deploying using AWS Amplify.

Code for GitHub Action

Throughout development, I tested the website at different screen sizes and made adjustments to improve responsiveness, accessibility, and usability.

Technologies

What I Learned

This project helped me strengthen my understanding of responsive web design, version control, and deployment. It also gave me an opportunity to practice building a project from the ground up and making design decisions based on the experience I wanted visitors to have.