Hey, I'm Michael

I'm a web developer and opera singer living in Toronto. I'm currently building a React-based ecommerce website at ecobee.

Timeline

2021

  • πŸ“

    Published my notes

    January 28, 2021

    I going to try taking notes in public this year in case the web development learning resources I consume and bookmark are helpful to other coders too.

    Go to Notes β†’

  • 🎨

    Launched redesigned michaeluloth.com

    January 25, 2021

    Finally! After years of bright-white versions of this site built with Gatsby.js, I had fun creating a new dark concept with Next.js and Tailwind.css.

    πŸ“–Next.jsπŸ“–Tailwind.css

2020

  • ✍️

    Published new post

    June 1, 2020

    Blah

    The filter(Boolean) trick

    How to remove empty values from an array.

  • πŸ›

    Launched ecobee cart

    February 26, 2020

    I helped bring a new shopping experience to ecobee.com by leading the development of a new cart that includes optimistic UI and reliable logic powered by XState.js and Shopify's Storefront API.

    πŸ“–XState.jsπŸ“–Storefront API

2019

  • πŸ’Ό

    Joined ecobee, Inc.

    August 15, 2019

    I joined the "dotcom" team as a Web Developer helping a group of fabulous humans migrate a legacy WordPress codebase to Gatsby.js.

    Go to the new ecobee.com β†’

  • πŸš€

    Launched coffeeshopcreative.ca

    August 7, 2019

    I collaborated with designer Stephen Bell of Coffeeshop Creative to rebuild the marketing site for his Toronto web design and videography studio.

    Go to Coffeeshop Creative β†’

  • ✍️

    Published new post for Gatsby blog

    June 19, 2019

    I researched and ghostwrote a case study for the Gatsby blog called "How The Couch Builds Websites in Half the Time with Gatsby".

    Read the post β†’

  • πŸš€

    Launched lesleybarber.com

    June 7, 2019

    I designed and built a portfolio site with a custom audio player and sparse aesthetic for Canadian film composer Lesley Barber.

    Go to Lesley Barber β†’

  • πŸ“Ί

    Published new video

    June 3, 2019

    Blah

    Using GraphQL with Gatsby

    How to write GraphQL queries in a Gatsby project.

  • πŸ“Ί

    Published new video

    May 27, 2019

    Blah

    Adding Content to a Gatsby Project

    The pros and cons of different approaches.

  • πŸš€

    Launched alisonmoritz.com

    May 8, 2019

    I worked with designer Stephen Bell of Coffeeshop Creative to create an portfolio site for American stage director Alison Moritz.

    Go to Alison Moritz β†’

  • πŸš€

    Launched alainaviau.com

    April 9, 2019

    I worked with designer Stephen Bell of Coffeeshop Creative to create a colourful portfolio site for a Canadian opera director Alaina Viau.

    Thank you for the wonderful platform and for making my work look so great!!
    β€” Alaina Viau

    Go to Alaina Viau β†’

  • πŸ’Ό

    Contracted as a technical writer by Gatsby, Inc.

    March 22, 2019

    I was excited to be invited by Gatsby's head of marketing to help research and author two technical blog posts and an ecommerce ebook.

  • πŸ“Ί

    Published new video

    March 17, 2019

    Blah

    Writing CSS-in-JS in a Gatsby Project

    How CSS-in-JS libraries like CSS Modules and Styled Components make it easier to safely add and remove styles.

  • πŸ“Ί

    Published new video

    March 11, 2019

    Blah

    Writing CSS in a Gatsby Project

    How to write traditional CSS in a Gatsby project.

  • πŸ“Ί

    Published new video

    March 3, 2019

    Blah

    Wrapping Pages in a Layout Component

    How to share common content and styling between pages.

  • πŸ“Ί

    Published new video

    February 20, 2019

    Blah

    Adding Pages to a Gatsby Project

    How to add pages to a Gatsby project and navigate between them.

  • πŸ“Ί

    Published new video

    February 15, 2019

    Blah

    Writing HTML in a Gatsby Project

    How to use React to split HTML into reusable components.

  • πŸš€

    Launched stevehaid.com

    February 13, 2019

    I worked with designer Stephen Bell of Coffeeshop Creative to create an engaging marketing site for Toronto-based real estate agent Steve Haid.

    Go to Steve Haid β†’

  • πŸ“Ί

    Published new video

    January 31, 2019

    Blah

    Gatsby's Default Files and Folders

    What's going on inside each folder in a Gatsby project.

  • πŸ“Ί

    Published new video

    January 24, 2019

    Blah

    Starting a New Gatsby Project

    How to start a Gatsby project on your computer.

  • πŸ“Ί

    Published new video

    January 17, 2019

    Blah

    What is Gatsby?

    How Gatsby combines the best features of React and HTML.

2018

  • πŸš€

    Launched ashleythouret.com

    December 10, 2018

    I worked with designer Stephen Bell of Coffeeshop Creative to create a luxurious portfolio site for Canadian opera singer Ashley Thouret.

    THANK YOU @coffeescreative for the beautiful website redesign!!!
    β€” @AshleyThouret

    Go to Ashley Thouret β†’

  • πŸš€

    Launched azoorsociety.org

    December 7, 2018

    I worked with designer Stephen Bell of Coffeeshop Creative to create an informational site for a UK-based charity.

    Go to The AZOOR Society β†’

  • ✍️

    Published new post

    November 30, 2018

    Blah

    Introducing Gatsby Tutorials

    A new, community-updated directory of Gatsby.js learning resources.

  • πŸš€

    Launched homecarequotes.ca

    November 26, 2018

    I paired with designer Stephen Bell of Coffeeshop Creative to create a directory of Toronto home care agencies that uses geolocation to sort results by distance from the user's postal code.

    Go to Home Care Quotes β†’

  • πŸš€

    Launched peterbarrett.ca

    November 15, 2018

    I worked with designer Stephen Bell of Coffeeshop Creative to create a clean portfolio site for Canadian opera singer Peter Barrett.

    Go to Peter Barrett β†’

  • πŸš€

    Launched gatsbytutorials.com

    November 10, 2018

    As a fun side project, I built an open-source directory of the Gatsby.js learning resources I'd bookmarked over the years and invited the community to help me keep it up to date.

    This is genius!
    β€” @ajmalafif

    Wow, how have I never seen this?
    β€” @micahbrich

    Go to Gatsby Tutorials β†’

  • ✍️

    Published new post

    October 20, 2018

    Blah

    How to Set Up a Mac for Web Development

    What to install on your Mac before starting a JavaScript project.

  • πŸš€

    Launched kingsvalleypaving.com

    October 5, 2018

    I worked with designer Stephen Bell of Coffeeshop Creative to create a construction-themed marketing site for Toronto paving company Kings Valley Paving.

    Excited to launch our redesigned website! Big thanks to @coffeescreative for the great new design.
    β€” @KingsPaving

    Go to Kings Valley Paving β†’

  • πŸš€

    Launched shawnalucey.com

    August 20, 2018

    I worked with designer Stephen Bell of Coffeeshop Creative to create a playful portfolio site for American opera director Shawna Lucey.

    My new website has LANDED!!! So excited! Thanks @coffeescreative for being so boss!!!!
    β€” @shawna_lucey

    Go to Shawna Lucey β†’

  • πŸš€

    Launched lauraalbino.com

    August 17, 2018

    I designed and built a one-page portfolio site for Canadian opera singer Laura Albino.

    (The site is no longer live, so the following link leads to a preview of the original.)

    Go to Laura Albino β†’

  • πŸš€

    Launched jpatrickraftery.com

    July 19, 2018

    I designed and built portfolio site with a minimal aesthetic for American opera singer and voice teacher J. Patrick Raftery.

    Thanks so much to Michael Uloth for his fantastic design and advice.
    β€” J. Patrick Raftery

    Go to J. Patrick Raftery β†’

  • πŸš€

    Launched danielcabena.com

    July 10, 2018

    I worked with designer Stephen Bell of Coffeeshop Creative to create a minimal portfolio site for Canadian countertenor Daniel Cabena.

    I’m thrilled to announce the launch today of my new website... Thanks to the brilliant team at Coffeeshop Creative for their careful attention and beautiful design.
    β€” Daniel Cabena

    Go to Daniel Cabena β†’

  • πŸ†

    Received One Page Love design award

    May 18, 2018

    The 2018 version of this website (guess how many pages it had...) was chosen by One Page Love as one of its inspirational sites of the day.

    Go to One Page Love β†’

  • πŸš€

    Launched ariaumezawa.com

    May 10, 2018

    I worked with designer Stephen Bell of Coffeeshop Creative to create a zany portfolio site for Canadian opera director Aria Umezawa.

    Today’s the day we launch my new website, thanks to the amazing @coffeescreative. The whole team was an absolute dream to work with, and came with such creative ideas. I couldn’t be more pleased.
    β€” @umezawaria

    Finally time to unveil my new website designed by Coffeeshop Creative. They created this amazing minimalist design with bright colours and geometric shapes. Thrilled with the end result, and had a blast working with them.
    β€” Aria Umezawa

    Go to Aria Umezawa β†’

  • πŸš€

    Launched pomegranateopera.ca

    April 30, 2018

    I worked with designer Stephen Bell of Coffeeshop Creative to create a splashy marketing site for a new Canadian opera.

    Our fantastic website was made by the team at @coffeescreative right here in Toronto! Designers and developers who are also #operasingers! Thanks @Sbelltenor @ooloth @teiyakasahara.
    β€” @pomopera

    (The site is no longer live, so the following link leads to a preview of the original.)

    Go to Pomegranate Opera β†’

  • πŸš€

    Launched artistcenter.com

    March 12, 2018

    I worked with designer Stephen Bell of Coffeeshop Creative to create a one-page marketing site for a classical music industry social networking app.

    (The site is no longer live, so the following link leads to a preview of the original.)

    Go to Artist Center β†’

2017

  • πŸš€

    Launched adriannepieczonka.com

    December 19, 2017

    I was thrilled to have the chance to design and build a tasteful portfolio site for internationally-celebrated Canadian opera singer Adrianne Pieczonka.

    Go to Adrianne Pieczonka β†’

  • πŸš€

    Launched adamluthertenor.com

    October 2, 2017

    I designed and built a one-page portfolio site for Canadian opera singer Adam Luther.

    Go to Adam Luther β†’

  • πŸš€

    Launched dgvolo.com

    August 15, 2017

    I worked with designer Stephen Bell of Coffeeshop Creative to create a assertive marketing site for Toronto advisory firm DG Volo & Company.

    Go to DG Volo & Company β†’

  • πŸš€

    Launched ileanamontalbetti.com

    February 21, 2017

    I designed and built a one-page portfolio site for Canadian opera singer Ileana Montalbetti.

    (The site is no longer live, so the following link leads to a preview of the original.)

    Go to Ileana Montalbetti β†’

  • πŸ’Ό

    Joined Coffeeshop Creative

    January 15, 2017

    I enjoyed leading development at this small agency for two-and-a-half years and building and deploying 25+ new website projects.

    I'm forever indebted to Stephen Bell for throwing so much work my way and letting me experiment and learn so many new skills while I completed it.

    Go to Coffeeshop Creative β†’

2015

  • πŸš€

    Launched egofilmarts.com

    July 15, 2015

    After a decade of learning web development as a hobby, I was thrilled when my first paid project was to design and build a new portfolio site for Canadian film and stage director Atom Egoyan.

    Go to Ego Film Arts β†’