How I Built This Website

Previously, I had used the Laravel framework to build my portfolio website. Since I built it from scratch, I had more flexibility in displaying the designs. With the configuration to change the layouts and designs, I tried to build portfolio websites for my siblings. Although the design looked a bit similar, I tried to add various settings in order to make it distinct from one another. Overall, the websites were working pretty smoothly, and they were ranked on the first page of SEO.

After gaining hands-on experience with WordPress, I sought to expand my knowledge of WordPress, as well as the Oxygen Builder ecosystem. I purchased this domain along with Oxygen Builder 6 and started tinkering with the project. Having prior experience in Oxygen Classic, it was totally different in how they have redesigned the entire plugin. The learning curve for the new Oxygen Builder was shallow as the core principle was the same. I instantly loved their UI and new component-based approach.

So, I started researching one-paged UI for the portfolio. After getting a few inspirations, I started designing in OxygenBuilder. At the time of writing, I have developed 4 components for reusability:

  • Experience Component
  • Education Component
  • Blog Component
  • Certifications Component

Initially, I thought of creating just a one-page website, but it scaled up to multiple pages. To incorporate the changes, I have developed two headers:

  • Main Header
    It is displayed in the main header page.
  • Generic Header
    This header will be displayed on all subsequent pages.

Fonts

For heading titles, I have used the Onest font that is already present in Oxygen Fonts. For body sections, I have used Sora, which is also available in Oxygen Fonts.

Contact Form

For the Contact form, I was trying different form builders. A few of them were: WPForm, Contact Form 7, Ninja Forms, etc. Among these, I personally loved the Fluent Form plugin as it is very intuitive and easy to manage the input fields.

SEO

For SEO, I am currently using Rank Math SEO to optimise the ranking. Since I have not created many posts, there is no significant difference, but it ranks on the first page when I try to search for my name.

Security

For security, I have used the WordFence plugin. It provides the functionality for 2FA, which helps to add extra login security. Along with it, I have integrated Google ReCAPTCHA v3 to prevent the bot from spamming.