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 presentMarch 2024 to present
Software Developer
theScore
- As lead web developer on the standalone casino team, I began work on the Hollywood Casino application shortly after joining the company. My efforts contributed to the team being able to launch the application six weeks ahead of schedule and begin generating revenue on the same day.
- Implemented casino promo credits features in the web Next.js repository, including the order of funds selection modal, the Available Rewards section on the individual game page, and order of funds selection in account settings.
- Contributed to my personal and professional growth by attending the React Alicante 2024 conference.
- 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