About Me
Hi, I'm Lucas! I'm a software developer based in Toronto, Canada. I specialize in front-end development, and I've been working in the industry since 2020. My contributions can be found in the codebases of an environmental nonprofit, a cleantech startup, a quantum computing startup, and an online casino and sportsbook. I'm passionate about creating remarkable and accessible user experiences that everyone can enjoy.
Tech Stack
- As a graduate of a web development bootcamp, I have a strong foundation in modern HTML and CSS.
- I follow industry newsletters and attend conferences to stay at the forefront of modern JavaScript, and I make my code type-safe with TypeScript.
- When it comes to JavaScript libraries, I'm very much a React developer.
- React frameworks I've worked with include Gatsby, Next.js, and Remix.
- I manage React state with APIs like React Context and libraries like Zustand, Apollo Client, TanStack Query, Recoil.js, and Redux.
- I enjoy building user interfaces with CSS frameworks like Tailwind CSS and component libraries like MUI and shadcn/ui.
- I'm comfortable working with data from both REST and GraphQL APIs.
- While I specialize in front-end development, I've built full-stack applications using technologies like Node.js , Express, Apollo Server, MongoDB, and Firebase.
- I have experience organizing and managing web content using Sanity, Strapi, Shopify, and WordPress.
- My preferred software testing frameworks include Jest , React Testing Library, Vitest, and Playwright.
Experience
- March 2024 to present
- January 2023 to March 2024January 2023 to March 2024
Software Developer II
Xanadu
- Enhanced the Xanadu.ai website by implementing server-side rendering, image optimization, and several new pages. Leveraged Shopify APIs to seamlessly integrate the Xanadu merchandise shop into the website.
- Drove the front-end work for a refresh of the quantum hackathon software challenge dashboard.
- Migrated the PennyLane.ai website from a Python templating system to a modern development framework using Gatsby, React, TypeScript, and Tailwind.
- Led front-end development of the Generic Datasets project for visualizing and interacting with quantum datasets (scoping, requirements gathering, and implementation).
- April 2022 to December 2022April 2022 to December 2022
Front-End Developer
Xanadu
- Led a company-wide accessibility audit and advocated for compliance with web accessibility best practices.
- Co-created a reusable component library built with React, TypeScript, Tailwind, and Storybook.
- Developed key features of Xanadu’s quantum hackathon software with React, TypeScript, Tailwind, and GraphQL.
Latest Projects
![]()
Decision Tree
Decision Tree is a simple generator of shareable and accessible decision trees. Decision tree data is serialized and saved in the URL, making it easy to share and save created decision trees.
- React
- Remix
- TypeScript
- Tailwind
- shadcn/ui
![]()
Decision Tree
Decision Tree is a simple generator of shareable and accessible decision trees. Decision tree data is serialized and saved in the URL, making it easy to share and save created decision trees.
- React
- Remix
- TypeScript
- Tailwind
- shadcn/ui
![]()
Blizzard Rush
Blizzard Rush is a Shopify development store that sells snowboards. Test data is rendered on the Remix front end through Shopify APIs, and Shopify handles the checkout process.
- Remix
- React
- Shopify
- TypeScript
- Tailwind
- shadcn/ui
- Zustand
- TanStack Query
![]()
Blizzard Rush
Blizzard Rush is a Shopify development store that sells snowboards. Test data is rendered on the Remix front end through Shopify APIs, and Shopify handles the checkout process.
- Remix
- React
- Shopify
- TypeScript
- Tailwind
- shadcn/ui
- Zustand
- TanStack Query
![]()
Super Simon
The classic memory game Simon, with a twist! How long of a sequence can you remember? Super Simon is a Progressive Web App that can be played on the web, installed on your device, and even played offline! Includes unit tests (Jest, React Testing Library) and e2e tests (Playwright).
- Next.js
- React
- TypeScript
- Tailwind
- Redux
- Firebase
![]()
Super Simon
The classic memory game Simon, with a twist! How long of a sequence can you remember? Super Simon is a Progressive Web App that can be played on the web, installed on your device, and even played offline! Includes unit tests (Jest, React Testing Library) and e2e tests (Playwright).
- Next.js
- React
- TypeScript
- Tailwind
- Redux
- Firebase
![]()
NexaTech
A website for a fictional tech company. This is the first project I built using React Server Components, and also the first project I built with Sanity CMS.
- Next.js
- React
- TypeScript
- Tailwind
- Sanity
![]()
NexaTech
A website for a fictional tech company. This is the first project I built using React Server Components, and also the first project I built with Sanity CMS.
- Next.js
- React
- TypeScript
- Tailwind
- Sanity
![]()
ReykrMusic.com
A website for Reykr, an electronic music producer and DJ. Includes unit tests and a three.js background animation.
- Next.js
- React
- TypeScript
- Tailwind
![]()
ReykrMusic.com
A website for Reykr, an electronic music producer and DJ. Includes unit tests and a three.js background animation.
- Next.js
- React
- TypeScript
- Tailwind
![]()
Quinn Bonnett, RMT
Freelance business website built for Quinn Bonnett, a Registered Massage Therapist.
- Gatsby
- React
- TypeScript
- Tailwind
- Sanity
![]()
Quinn Bonnett, RMT
Freelance business website built for Quinn Bonnett, a Registered Massage Therapist.
- Gatsby
- React
- TypeScript
- Tailwind
- Sanity
