Developer Portfolio (PHP Version)

After completing COMP 3451, I got to work cleaning up the messy code from that project and turning it into something usable as my portfolio. You can see the current code on my GitHub by clicking here.

I began by taking the CSS Store and removing any unnecessary PHP and SQL, before putting some time into experimenting with the CSS and removing as much unnecessary code as possible. After getting things cleaned up, I got to work testing across different browsers, operating systems, and devices. During this process, I learned some tricks to make sure websites work on different platforms - use images rather than text for UI elements, keep animations and interactions simple, don't rely too much on CSS for image manipulation, etc. I began to feel much more comfortable with UI design throughout this process.

Then, to add some flair to this website, I used Particles.js to create the background, customizing it to fit the color scheme. After that, I started diving through the CSS of the site to get the color scheme and element transparency right, before using image editors to get the logo, menu button, and other elements to a place I felt looked nice across devices and browsers.

Once I was satisfied, I began filling in the rest of the web pages with content, as well as adding things like page titles, icon, social media and contact links, and more.

This version served me well, but as I learned more I decided to rebuild it using Eleventy, a modern static site generator, to replace the PHP dependencies and improve the development workflow.

See the code on my Github!