Pat Wilson.

pat wilson - web developer

Hi, my name is Pat.

I'm a software developer based in Melbourne, Australia.

After six years working as a picture framer, I traded my tools in for a keyboard. Now I build web apps with JavaScript. Picture framing taught me to work efficiently and focus on the details, things I am still passionate about now as a developer.

View my resume.

I build apps using TypeScript, React, NextJS and NodeJS, cloud services and all sorts of open source tech. I am familiar with CMS integration including WordPress and Laravel. I continue to pick up new tech every day.

I enjoy collaborating closely with cross-functional teams to deliver well-considered software. This has taught me the importance of communication, teamwork, and building healthy coding habits.

Browse my GitHub.
JavaScriptJavaScript
TypeScriptTypeScript
ReactReact
ReduxRedux
NextJSNextJS
NodeJSNodeJS
TailwindTailwind
GitGit
OpenAIOpenAI
DockerDocker
FigmaFigma
JestJest
KnexKnex
MySQLMySQL
MongoDBMongoDB
Testing LibraryTesting Library
ThreeJSThreeJS
WebSocketWebSocket
HTMLHTML
CSSCSS
WebpackWebpack
TinaCMSTinaCMS
Sanity CMSSanity CMS
Auth0Auth0
Photography Portfolio
source code link

Live

Photography Portfolio

Built using TinaCMS - an open source content management system with GraphQL querying. This is a mobile-friendly fully responsive photography portfolio, built to showcase personal and freelance work. All content is updated via CMS - still a work in progress.

TypeScriptNextJSReactTailwindTinaCMS
Devveron 2
source code link

Code

source code link

Demo

Devveron 2

A text-based multiplayer game built with React with real-time multiplayer functionality using WebSockets. Users are able to sign up securely, create a character, navigate the world, complete quests, earn and spend gold on items and chat with other online players.

TypeScriptWebSocketReactKnexSQLiteAuth0
DALL-E Image Generator
source code link

Code

source code link

Live

DALL-E Image Generator

This is a fullstack application built using Open AI's DALL-E API. Users can generate images from text prompts and share them, or browse the creations of others. Image generation currently unavailable as Open AI's API is not free. You can still browse the gallery and view the code.

JavaScriptNextJSViteOpenAICloudinaryMongoDB
Show Me The Money
source code link

Code

Show Me The Money

Users can input employee information and salaries into a database, and create and log meetings along with their associated costs. Graph.js data visualisations of meeting costs over time. It's not pretty but it works!

TypeScriptReactReduxWebpackJestAuth0
Human Skills Generator
source code link

Code

source code link

Demo

Human Skills Generator

A cure for boredom! This fun project is aimed at 'automating the human skills of Dev Academy' - a web development school in Wellington. Dev Academy has a strong focus on personal growth, not solely technical skills - this is a cheeky dig at that. Just some fun with some APIs generating text snippets.

TypeScriptReactCSSWebpackExpressJS

Get in touch.

hello@mynameispat.com

Melbourne, VIC