Web Development and Design Portfolio

Launched May 2022

Tags

  • HTML, CSS, JavaScript
  • PHP, Bulma
  • Figma, Photoshop
  • Mobile Friendly
  • Dark Mode
  • Web Design
  • Full Stack Web Development

My tech portfolio showcases my web design and 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.

Webpage displaying daily coffee, in this case iced tea, using PHP to dynamically change content.

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.

HTML code (using Bulma), CSS, and PHP code for a secure contact form.

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.

Thanks for checking out my project!

Back to Portfolio

Thank you!

Thanks for checking out my work! If you've got a project or job you think suits me, contact me here, by email, or on LinkedIn.

Contact Me

Thanks for dropping by!

Back to top