Hero Image

services

frontend development

I like the idea of using code to solve problems and build something

    Languages I speak:
  • JS
  • PHP
    I can style with:
  • CSS
  • CSS Modules
  • Tailwind
  • Styled Components
  • Bootstrap
    Libraries / frameworks that I use:
  • React
  • Gatsby

backend development

Most of my backend skills are currently MERN stack related, but I've played around with some extras not listed

    I can program my backend with:
  • NodeJS
  • ExpressJS
  • WordPress
    For CMS, I typically use:
  • WordPress
  • Contentful
    Databases I use:
  • MongoDB

Deployment

Have experimented with a few deployment environments

    Can deploy on:
  • Netlify
  • Heroku
  • Firebase
  • Any environment with WordPress or NodeJS support
    Other general technologies I use include:
  • Webpack
  • GitHub

featured projects

gatsby portfolio project banner image
01.

gatsby portfolio project

I made this portfolio using GatsbyJS, and Contentful as my CMS. It's hosted on Netlify, with webhooks for continuous deployment.

gatsbyreactnetlifycontentful
fit 'n' focused project banner image
02.

fit 'n' focused project

This is the current project I'm working on for a client. In my development environment, I've created a WordPress instance with custom post types as is suitable for the client. They also have a gym membership app that needed to be integrated to the site. Their app's plan didn't include API access, but just a couple iframes.

On top of optimized images, as is typical of Gatsby sites, I used HandBrake to optimize the home page's video. There's also a popular Gatsby plugin that scrape's some instagram post thumbnails during the build.

When the project's production ready, the intention is to have the WordPress instance on some cheap hosting, and the Gatsby site on netlify, using webhooks to rebuild the site everytime the content is updated on WordPress.

gatsbyreactnetlifywordpress
raw muscle project banner image
03.

raw muscle project

This is a traditional WordPress theme build using PHP. I created custom post types without plugins to make updating the customizable content as efficient as possible for the owner. I also made the banner image on the home page customizable through changing the home page's featured image, as per the site owner's request.

To combat WordPress's reputation for a slow page speed, I used Webpack with babel loader to bundle the JS and CSS, and to help host the google fonts and fontawesome icons locally.

The main future improvement I plan to do for this site is finding a plugin-free way to automatically create a WebP version or an image on upload, and to remove unnecessary features that WordPress automatically adds in the header, like the emoji script and jquery. To be completely honest, I'm still not sure if the latter will make much, if any difference; there's quite a few conflicting opinions on the subject online.

wordpressphpwebpack
projects

copyright©2021

Edward Baldacchino all rights reserved