Selected Work

Dwelling

  • React
  • Next.js
  • Storybook
  • PostgreSQL
  • Node
  • product
  • real estate

Dwelling was a real estate platform that aimed to match buyers with downpayment assistance programs to help them buy their first homes.

What I did:

  • In a team of two, rebuilt the web app from Ruby on Rails to use React with Next.js to be able to rapidly develop new features
  • Created a component library using Storybook to develop both bespoke and customised, reusable components
  • Spearheaded several feature developments such as creating the responsive layout using Fresnel, integrating Mapbox to create a map view, and generating dynamic sitemaps for property listings
  • Wrote documentation, manual QA guides, onboarding dcuments, and several tickets to help with technical implementation and planning.
  • Helped and mentored other developers through pair programming, informal chats, and thoughtful PR/code reviews

Reach

  • React
  • Redux
  • Jest
  • MJML
  • websockets

Reach is an internal communications software that makes internal communication more effective by helping communicators send content to the right audience, at the right time, on the recipient’s channel of choice.

What I did:

  • Developed eight features for Reach by using React, Redux and Material UI
  • Implemented testing strategies with Jest and React Testing Library
  • Improved maintainability by fixing bugs, refactoring, and documenting components with Storybook
  • Developed and tested email templates using MJML and Mustachio
  • Collaborated with other teams such as product and design to ensure usability for features

shack

  • Full Stack
  • React
  • TypeScript
  • Ruby on Rails
  • PostgreSQL
  • Lighthouse Labs

shack is a solution to help roommates live harmoniously together. Create a roommate agreement for your household and easily access the agreement details through your dashboard instead of looking up various PDFs and emails. Users also have the option to create household-wide notes, for those times when a post-it on the fridge isn’t enough.

This was my capstone project for Lighthouse Labs’ web development bootcamp. It was built in 2 weeks remotely due to the COVID-19 lockdown procedures. The front-end is built with React + Typescript and Chakra UI for our component library. The back-end is built with PostgreSQL and an API-only Ruby on Rails backend. The roommate agreement PDF is hosted on S3 and served through Cloudfront.

What I did:

  • In a team of two, planned and created the database schema and migrations
  • Designed and built the responsive dashboard front-end
  • Built and implemented the multi-step form for the roommate agreement generator using Formik and React Router
  • Implemented roommate agreement PDF generator with wicked_pdf generator, S3 and Cloudfront
  • Built and implemented Notes feature

Label Prodigy

  • React
  • Firebase
  • Stripe
  • Shippo
  • agency

Label Prodigy is a cloud based label asset management tool for the label printing industry that gives users the ability create a quote and send it to customers as soon as it is created. Features also include managing substrates, staff roles, setting pricing tables, and many more.

What I did:

  • Built the Instant Quote tool front-end with React and Redux-Forms
  • Restructured existing front-end code for Label Prodigy’s dashboad to reduce bloat
  • Implemented BEM to be able to apply consistent styling
  • Created a print style for quotes generated by Label Prodigy’s quoting tool
  • Authenticated and santized shipping addresses by integrating Shippo’s API with Firebase Functions
  • Implemented paid subscription by integrating Stripe’s API with Firebase Functions
  • Spearheaded and developed a documentation system for team to use

Llamalink

  • React
  • Firebase
  • agency

LlamaLink is an online database and alert system solution for child care centres to be able to contact and secure quality substitute child care workers. Features include being able to create shifts and easily assign shifts to child care workers who are available, real time notifications for shift alerts, different access levels and many more.

What I did:

  • Created the wireframe that was used as the base for the dashboard’s design
  • Built the front-end of LlamaLink’s dashboard with HTML, CSS and React. This included building and styling elements such as forms, modals, calendars and making sure they worked across multiple devices and browsers.
  • Wrote the onboarding tutorial for new users to help them with LlamaLink’s features
  • Was the primary point of contact for our client for technical support

Aura West Makeup Artistry

  • WordPress
  • freelance

Aura West Makeup Artistry is Sydney Feddema’s portfolio that showcases her work and talent. For this project, I was tasked with making Sydney’s portfolio more device agnostic, finishing her WordPress theme to incorporate a blog and taking care of the other details such as image optimization and tackling browser quirks. As this was a revamp of an almost finished website, I collaborated with Kathryn Shannon, the designer of the portfolio, to make sure that her vision of the site was achieved.

The site was already using Underscores and Advanced Custom Fields, but to improve the layout, I decided to use Susy as my grid system. This made the whole portfolio look more cohesive and definitely more mobile friendly. In addition, I used Susy’s gallery() mixin to better display her portfolio across numerous devices.