I’ve made websites and web apps using a variety of platforms and tools. This is a selection of some of the work I’ve done.

Allbiz Supplies: timesheet app

An app for employees to submit timely and accurate timesheets, custom-made to suit the payroll process at Allbiz Supplies.

Read a more detailed write-up here.

Solution

I asked the client exactly what information they needed to collect on timesheets and designed a form that made it easy for employees to record their shifts and leave periods.

I deployed the app to the same LAMP server as the client’s website to avoid extra hosting costs.

Features

  • Session-based user authentication
  • Password reset (with bearer token)
  • Renders and emails PDF timesheets
  • Sends SMS reminders to employees

Technologies used

  • React + Redux frontend (TypeScript)
  • Sass + Bootstrap
  • Laravel + MySQL backend
  • JSON:API

Source Code

https://github.com/bradtreloar/timesheet-app-frontend

https://github.com/bradtreloar/timesheet-app-backend

Allbiz Supplies: vinyl lettering shop

An eCommerce store with a lettering designer.

Read a more detailed write up here.

Solution

I showed the client examples of WYSIWYG editors offered by other lettering manufacturers and asked for a list of product options that the designer needed to offer to customers. From this I created a spec for a design that incorporated useful features of competitors’ interfaces with client’s range of font and material options.

I worked with the client to devise a continuous pricing function to handle any product size that Allbiz could manufacture.

Features

  • WYSIWYG lettering editor
  • Live price calculations while editing
  • PayPal secure payments
  • Shipping calculation during checkout
  • Generates SVG and PDF contour files for cutting

Technologies used

  • Drupal Commerce
  • Sass + Foundation
  • jQuery + opentype.js
  • TCPDF

Website

https://lettering.allbizsupplies.biz/

Housemaster Homes website

A sales website showcasing the company’s portfolio of bespoke homes.

Solution

The client brought a preexisting library of professional photography and client testimonials, ready for a portfolio. I designed the structure of the website’s content and the client provided the necessary copywriting.

Features

  • Portfolio with lightbox galleries

Technologies used

  • Drupal
  • Gutenberg (WordPress block editor)
  • Sass + Bootstrap
  • jQuery + Chocolat.js

Website

https://housemasterhomes.com.au/

Wood ‘n’ Doors website

A sales website advertising the company’s range of manufactured products and materials.

Solution

The client requested a simple and elegant website design, and specified the content and images that needed to be included.

Since the site’s content would be updated rarely, I created a static site with each page written using React components. This allowed me to tailor each page’s design without needing to transform content data from another source.

Features

  • Static website
  • Lazy-loaded images
  • JavaScript-driven page navigation

Technologies used

  • GatsbyJS (TypeScript)
  • Sass + Bootstrap

Website

http://woodndoors.com/

Oasis Family Church website

Website for a suburban church, providing information about their services, ministries and missions.

Solution

The client had an existing website that they had created themselves. I used the existing content, created new thumbnail images, and designed a mobile-responsive layout.

I took advantage of WordPress’s block editor to build distinct content layouts for each page.

Technologies used

  • WordPress (Roots Bedrock and Sage)
  • Sass + Bootstrap
  • JavaScript-driven page navigation

Website

https://oasis-familychurch.org.au

Quality Gourmet Chef website

A small but stylish brochure website to advertise commercial food products.

Solution

The client wanted to support their sales reps with a simple brochure-style website

Features

  • Static website
  • Lazy-loaded images

Technologies used

  • GatsbyJS (TypeScript)
  • Sass + Bootstrap

Website

https://qgourmetchef.com.au/

Advanced Concepts website

A sales website advertising the company’s range of manufactured products and materials.

Solution

The client requested a website with an interactive swatch browser to advertise their range of laminates. I created an updated design, including a range of icons, and implemented a swarch browser capable of showing hundreds of laminate swatches across several brands.

Features

  • Interactive swatch browser with modal popups.
  • Lightbox gallery

Technologies used

  • Drupal
  • jQuery
  • Sass

Website

https://advancedconcepts.com.au/

Allbiz Supplies website

An information website that directs users to the client’s multiple retail storefronts and provides information on accounts and policies.

Solution

Features

  • Interactive portal menu

Technologies used

  • Drupal
  • Sass + Foundation

Website

https://allbizsupplies.biz/