Loading…
Projects Button
Skills Button
About Me Button
Contact Button

Portfolio

Custom Development
Portfolio Banner Image

Project Brief:

Redesign our personal portfolio in preparation of completing the BCIT FWD Program.

Tools used:

CSS3 Figma Git GitHub HTML5 JavaScript PHP VSCode WordPress

Details:

I built this custom WordPress portfolio website as one of the final projects for my Front-End Web Development certificate program. It showcases the essential skills I learned, such as responsive web design, semantic HTML, custom WordPress theme development, and interactive JavaScript features. Each section of this site demonstrates my ability to create user-friendly, accessible, and visually appealing web pages.

Throughout the development process, I focused on optimizing user experience and ensuring fast load times. I implemented mobile-first design principles, cross-browser compatibility, and clean, well-structured code. The portfolio highlights projects that cover a range of front-end technologies, including CSS Flexbox, CSS Grid, and modern JavaScript frameworks.

Although my program has ended, this portfolio website continues to grow. I regularly update it with new projects, design experiments, and blog posts about front-end development trends. My goal is to create a living showcase of my evolving skills and creativity as a web designer and developer.

If you are looking for a front-end web developer who values creativity, attention to detail, and the latest web standards, please explore my work. I am excited to contribute my expertise to new projects and collaborate with innovative teams.


Goals:

  • Create a professional, user-friendly platform to showcase my front-end web development skills.
  • Highlight strengths in responsive design, semantic HTML, and interactive JavaScript.
  • Demonstrate ability to build custom WordPress themes and ensure accessibility for all users.
  • Make the portfolio easy to navigate, visually appealing, and optimized for desktop and mobile devices.
  • Design the site to attract potential employers and clients.
  • Build a living record of my growth as a web developer.

Challenges:

  • Ensuring cross-browser compatibility and consistent performance across different devices.
  • Balancing creative design with best practices for accessibility and SEO.
  • Learning to integrate custom WordPress features, deepening understanding of PHP and theme development.
  • Optimizing images and code to improve load times and overall site performance.
  • Overcoming obstacles that strengthened problem-solving skills and provided real-world development experience.

✦ More Projects ✦