Portfolio

Hi! I'm Greg

And I build useful, engaging, and informative stuff for the web.

On this page, you will find project material going back to when I took up Web Development as a career move in 2019. Here, you will find examples of my work with WordPress, React, MongoDB, GatsbyJS, SASS, and more.

WordPress
WordPress Courses I Have Taken:

Bootstrap 2 WordPress - Course by Brad Hussey - Offered on Udemy
Designing Effective Websites - Offered by Conestoga College
Web Accessibility: Learn Best Practices, Tools & Techniques by Loop11 - Offered on Udemy

Images from WordPress Personal Website – July 2021
WordPress Personal Website – July 2021

After creating a previous version of my personal website using the GatsbyJS framework, I decided the time had come to give myself another WordPress development experience. I wanted my new site to have static pages, an area for ongoing project […]

View Project
Images from grocerystoreinsider.com WordPress Theme and Blog Site
grocerystoreinsider.com WordPress Theme and Blog Site

As I was hunting for ideas for a project, I checked to see if the domain grocerystoreinsider.com was available. To my surprise, not only was it available, it was affordable! I snapped it up and began mocking up the site in Adobe […]

View Project
Images from Personal Website WordPress Theme – 2020
Personal Website WordPress Theme – 2020

When I initially built this website, I designed it using Adobe XD in such a way where my projects would have a short description along with a link to the project. However, in practice, this proved to be a bad […]

View Project
JavaScript
Images from Store System – Sign Making Package
Store System – Sign Making Package

As part of the Retail IT Package I had been working on, I wanted to take MongoDB Collection Data and have an easy method to turn that data into printable customer-facing signage. Using this program, a store employee could simply […]

View Project
Images from NodeJS Store System – Store Website
NodeJS Store System – Store Website

To be able to use the data from the database in a meaningful way, I chose to simulate a store website which populated its pages using the MongoDB Data. To achieve this in a meaningful way, using JavaScript, I wrote […]

View Project
Images from NodeJS Store System – Introduction
NodeJS Store System – Introduction

During the creation of my Produce Code PLU Database, I was making use of JavaScript Objects to hold the data needed for the project. This data at the time included the Item Code, Item Category, and Item Name – perfect […]

View Project
Images from Shopping List & Integrated Store Navigation
Shopping List & Integrated Store Navigation

When I was beginning to really sink my teeth into JavaScript, I, like many people, resorted to watching tutorials on YouTube and coded along with the videos as they were being presented. This is a great strategy when you’re learning, […]

View Project
Images from Produce UPC/PLU Code Lookup Tool
Produce UPC/PLU Code Lookup Tool

Due to the nature of working in a supermarket produce department, I have encountered many instances where needing to know the PLU code (or price lookup code) was important. However, information for that is not readily available in many cases, […]

View Project
Images from COVID-19 Data Around The World
COVID-19 Data Around The World

In April of 2020 – admittedly some of the earlier days of the current pandemic – I was eager to build my skills as a developer and incorporate an API into a new project. It hadn’t been my first time […]

View Project
Images from A Valentine’s Day Card
A Valentine’s Day Card

In February of 2020, in addition to a physical Valentine’s gift to a wonderful woman I’m fortunate to have, I decided to build her a digital extra. The project starts with the image of a Mouse head – Mickey’s, that […]

View Project
React
React Courses I Have Taken

Images from GatsbyJS Personal Site
GatsbyJS Personal Site

In November of 2020 I was forced to self-isolate as my Covid Alert app notified me of potential exposure. It was a great time to learn something new, and I decided to tackle GatsbyJS and its GraphQL image lookup. This […]

View Project
Images from React Store Map/Shopping List App
React Store Map/Shopping List App

This is a new version of a Store Map App I built a year ago with Vanilla JavaScript, this time built with React. The application is custom-built for an unidentified store in Kitchener. It makes shopping easier by allowing customers […]

View Project
Images from React Visual Weather Forecast App
React Visual Weather Forecast App

WeatherONE is a React-based local weather app that uses visual cues to tell you about current, hourly, or seven-day weather forecasts before you actually read temperature values. Temperature values in this app are presented in Celcius and are matched up […]

View Project
Shopify
Images from A&M Custom Creations – New Launch
A&M Custom Creations – New Launch

Not too long ago, a longtime friend approached me knowing I’d been studying Web Development and asked me if I could help her launch her new Shopify store. Having had zero experience with Shopify, yet also wanting to be of […]

View Project
Data
Images from NodeJS Store System – Data
NodeJS Store System – Data

To an average outside, one of the big parts of web development that doesn’t get noticed is information design – how the pages flow, how the data is stored, and how you access said data. A price tag in a […]

View Project
Images from A Free Public API for Produce PLU Codes
A Free Public API for Produce PLU Codes

When I built the app that allowed anyone to look up a Produce department item PLU code for use at self-checkouts by customers or for sign making by staff, I always wanted to put the data used into a public […]

View Project