projects
watercolors

Projects

These are some of the projects that I have completed since graduating from Dev Academy in April, 2022.


My Pet Worry Monster

My Pet Worry Monster

The perfect pet for those who fret

Designed & created by myself

with Animation by Mikey Lemmon

Available on IOS

Based on Cognitive Behavioural Therapy techniques, the app allows users to give their worries to the worry monster, before deciding if the worry monster should hold on to them or gobble them up.

I built this app using React Native with Typescript. Under the hood it uses Redux toolkit to manage state and reanimated and Moti to add animations and transitions. All the data is stored on the user's device, in local storage.


Studio Monkey

Still of studiomonkey.io

Studio Monkey

Organise early. Organise often.

  • My role — Lead Designer, Jr. Software Engineer (Frontend)
  • Collaborator: Mikey Lemmon — Lead Software Engineer, Project Manager

Created by VFX Supervisor Zach Tucker, Studio Monkey is a suite of tools and integrations that enable film and television studios to automate management of their production data, and it is rapidly being adopted and relied on by many of the biggest media companies in the world — I'm not at liberty to divulge which ones, but they're names you'd instantly recognise!

Faced with ever-accelerating demand, Studio Monkey needed a new website to host documentation and handle intake of potential new clients, as well as to better establish brand identity. After helping Zach to identify the core asthetic philosophies, values, and ideas that he had in mind, I provided him with a wide set of initial concepts for logos, colour, and typography, and then worked with him to reduce, focus, and refine his favourite concepts down to the final form — a clean, playful design that captures the feelings of lightness and reliable-professionality he was hoping to convey.

With the design sorted, my collaborator Mikey and I set about building the website using Next.js, with Vercel for hosting. We used the gitflow approach for repository management, utilising GitHub PRs to perform code review on all changes before merging into the development branch.

I was responsible for implementing the landing page and core layout for the site, and used Chakra UI to create a library of accessible, mobile-friendly components to enable the site to be expanded in the future in a way that is maintainable and stylistically consistent.

This was my first job as a web developer, and I am very happy with what I was able to achieve.


x-it

Still x-it homepage

x-it

Your solution to unwanted meetings

For my final (solo) project at Dev Academy Wellington I decided to turn my social anxiety into an app.

X-it is a lightweight calendar plugin (specifically: a Google Workspace Add-on) written in Google Apps Script that allows users to anonymously vote to cancel meetings — if the attendees unanimously opt out, the meeting is automatically canceled!

I also created a launch website and ad (with liberal use of free stock videos from pexels.com), which pokes a little good-humoured fun around tech start-ups — by using similar advertising conventions to present something that could easily be considered a form of antisocial media.

Under the hood, x-it uses fauna DB and Graph QL.

I haven't published the Workspace Add-On to the Google marketplace yet, but you can get it up and running by following the instructions in the Installation section of the repo's README.


Not a real website

Still of not-a-real-website homepage

Not a real website

A love letter to Next.js

Not a real website is a Next.js app that I created to practice using GraphQL and a headless CMS. The site generates dynamic routes based on data stored in Contentful.

I took the opportunity to create some custom components, play with style, and experiment with creating a site that adapts dynamically to content served from a headless CMS.

Hint: Try toggling light and dark mode to switch from business mode to casual.


Current projects

I have been playing a little with data syncing and authentication, using firebase auth services and firebase realtime database.

I am making a simple mood-tracking app with Next.js and Typescript.

Currently, users can log-in with google, track their current mood and leave a small note.

mood app

You can find the unfinished project on my github.*