Tech Portfolio

My tech portfolio showcases my software and web development skills, functioning both as a place to display my projects and resume, and as a strong portfolio piece itself. I wanted to really solidify my skills in Figma, especially creating mobile first designs, while also pushing my coding skills and following best practices as much as possible.

I started out by planning out my content, including page structure, text, and responsive images. I used Figma to design mobile-first wireframes, then tablet and finally desktop. Once I designed the look of the overall website, I focused on specific pages, and completed my grayscale visual design.

Once I was ready to start coding, I integrated HTML and CSS files with Bulma, then added programming logic and includes with PHP. I spent some time cleaning up old projects, built a secure contact form, and picked two color schemes, one for light and one for dark mode.

I used Bulma and CSS to develop mobile-first styles, and built out all the pages and projects I needed. I also put each page through HTML and CSS validators, and fixed accessibiity issues such as external link indications using acessiBe.

Though this project took a while, I'm really proud of how it turned out, and I'm looking forward to adding to it as I build new skills and create new projects.

In March/April 2025, I upgraded my portfolio by implementing a database to store my projects to make it easier to update work, manage tags, and add new projects. I then created a file that allows me to add a piece of content to a post with a single function call.

I also created a form that adds projects with just a few clicks, saving me time and making the content much more maintainable by allowing me to update content without having to edit or create static HTML and PHP files, either by using the form or database directly.

Thanks for checking out my project!