Selected Work

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.