Skip to content

Rory Hackney

Software Developer

Web Developer / Designer

Website design in Figma which was turned into the site you're on now!

Tech Portfolio

January 2022 - May 2022, Updated April 2025

Tags

  • Back End
  • CSS
  • Database Development
  • Front End
  • HTML
  • JavaScript
  • PHP
  • SQL
  • UX Design
  • Web Development

My software and web development portfolio. Optimized for mobile, with features including dark mode, a secure contact form, passing HTML, CSS, and accessibility standards, and in 2025, implemented database management of projects.

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.

Image of HTML (using Bulma), CSS, and PHP code that handles a secure contact form.

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.

Grayscale Figma design for this site in mobile, tablet, and desktop mode.

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.

Webpage displaying daily coffee, in this case iced tea, dynamically changing content based on the day of the week.

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.

2025 Update

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.

Image of the database, showing content, images, posts, pages, and tags tables, and displaying several posts.

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.

Image of the form that adds content to the database, including fields for title, tags, post date, and dynamically generated content fields.

In July 2025, shortly after graduating, I redesigned my portfolio, updating the visual / UX design and improving the content. This allowed me to publicly share the expertise I'd gained since my last major update, including my graduation, skills, and experiences, like capstones and internships.

I used these improved skills to vastly improve my portfolio, including features like a tagging system for projects, an embedded image of my resume generated automatically from the current state of my online document, more maintainable code refactors and file organization, and improved visual design that fully supports different screen sizes.

After receiving feedback, I further improved the website, making the dark mode changes more complex and visible above the fold, removing tags that weren't useful to the user, and improving the layout of the header on larger screens. Now my portfolio is something I'm proud to show to potential employers.

Figma file GitHub Hire Now

Thanks for checking out my project!

Back to Portfolio