00101010101001010101
01001010101011011010110
10100101000101010001
01001010101011011010110

GARYSMITH.ca

I'm a freelance web developer based in Toronto, Ontario, Canada.

Gary Smith Profile Photo

I've built websites and apps for a wide variety of freelance clients. If you're an individual looking to make your side gig dreams a reality, a small business ready to move from Wix to something more flexible, or a graphic designer who needs your visions made into code, we should chat.

Contact me

Here are some ways to get in touch.

How I can help?

WordPress

I can create a WordPress website or WooCommerce shop with a custom theme that matches your designs. Let's use the WordPress API, hooks, and custom plugins to create workflows that make your life easier.

Design Implementation

Using HTML5, CSS/SCSS and jQuery I can implement your graphic design accurately. I'll also make sure it renders responsively across all devices and meets WCAG 2.0 accessibility standards.

Next.js

The Next.js React framework is an increasingly popular way to build flexible modern websites. I can use libraries like Chakra UI along with a headless CMS like Hygraph, then deploy to the Vercel cloud.

Integrations

Modern web apps don't live in isolation. I've built my own APIs, and I've integrated many third-party services including MailChimp, SendInBlue, SendGrid, Salesforce, Shopify, GAN.ai, and AWS Transcribe.

Technical Docs

I value clear written communication. I've taken courses in Technical Writing and would love to help you create concise and usable documentation for your processes and software products.

What else?

Not everything fits neatly in these boxes! If you have a problem that needs solving, let's chat to see what solutions might work.

Some past projects

Image for {projectsList.title}

A Haystak

WordPressPHPMySQL

A Haystak is an aggregator for Canadian children's clothing and accessories. I created a custom WordPress theme to implement a provided graphic design, helped refine a category schema, and built extensive custom tools for managing product data.

Image for {projectsList.title}

Next.js Blog Boilerplate

NodeReactNext.js

I created a Next.js React boilerplate to implement a functional and attractive blog that can read content data from any external JSON API. On the index page, blog posts are displayed in rows of responsive boxes. When a post is clicked, Next.js routes are used to display more details about the post on its own page. This boilerplate is intended as a base for further customization.

Website GitHub Repo
Image for {projectsList.title}

Arthritis Treatment Risks Tool

HTMLCSSPHPmPDF

Working with designs from Design for Good, I implemented an online microsite for the Canadian Spondyloarthritis Association to help those with Inflammatory Arthritis obtain information about their care and treatment options. The tool dynamically generates customized PDF information sheets for users based on their personal needs and concerns.

Image for {projectsList.title}

Python FastAPI with Mongo Demo

APIPythonMongoDBFastAPI

This is a baseline implementation for using Python/FastAPI to handle CRUD operations against a Mongo database. Out of the box, FastAPI/Pydantic does not work smoothly with MongoDB. This demo incorporates some common workarounds for those known issues to create an easily deployable base for using these technologies together.

Image for {projectsList.title}

Portfolio for Boulevard Design

HTMLCSSjQuery

I built a portfolio website for Boulevard Design, a print and web design studio based in Aurora, Ontario. The website's minimalist layout and large, high-quality imagery helps to showcase a selection of the studio's past work.

Image for {projectsList.title}

Ontario Genomics Annual Report

HTMLCSSjQuery

Working with designs provided by Swerve Design, I implemented a static single-page website to display the 2021 annual report for Ontario Genomics, a not-for-profit organization that supports genomics research. The website makes creative use of animation and data visualization to present precise and detailed information in an appealing way.

Image for {projectsList.title}

Simple Single-Page Site Template

jQueryHTMLCSS

This simple single-page website is coded using plain HTML, CSS, and a bit of jQuery. This is intended to provide a clean implementation of a common layout that can be used as a template for further development or integration into other frameworks.

Image for {projectsList.title}

Generative Art

Processingp5.jsPHPjQuery

Genartive showcases some of the digital artworks I have generated using algorithms coded in Processing.js and p5.js. For each artwork theme, I define the general layout, colour palette, and other specifications, then let the code introduce some serendipity by making subtle variations based on a random seed. The idea is to create something surprising, but still figurative and realistic.

© 2024 Gary E. Smith. This site is coded using the Next.js React framework, styled with Chakra UI, and deployed to Vercel.