Portfolio

Portfolio image
  • HTML
  • CSS
  • Sass
  • WordPress
  • PHP
  • JavaScript
  • GitHub
  • Adobe XD

Process

What I learned

My portfolio showcases my design and development skills by using a mobile-first approach. I created a Wireframe, Mockup and Style Guide with Adobe XD, then started developing this portfolio. I used the ACF plugin to organize the contents, so I was able to create a clean website.

By developing this portfolio, I acquired clearer grasp of PHP to loop through contents, CPT and ACF. Using WP_Query, I had freedom to display any contents I want on my website. It was a nice experience to use JavaScript to add some animations I wanted for my portfolio. The highlight of this website is that visitors can access Adobe XD and Photoshop to see my design works.

Wireframe

Style Guide

Style Guide for Portfolio

Development

Portfolio image