About Me
Hi, I'm Lucas! I'm a front-end software developer based in Toronto, Canada. I build user interfaces that make a difference, with an emphasis on accessibility and user-centric design. I bring mockups and ideas to life in the form of beautiful web pages and apps that connect users with digital experiences.
Armed with a Master's degree in anthropology, I bring a unique perspective that places human behaviour and user needs at the forefront of my work. My deep understanding of how people interact with technology allows me to craft intuitive and engaging digital solutions that resonate with users.
Tech Stack
JavaScript
- ES6+
- TypeScript
- React
- Gatsby
- Next.js
- jQuery
Styling
- Tailwind CSS
- MUI (Material UI)
- Styled Components
- SCSS
- CSS
State Management
- React Context
- Apollo Client
- Recoil.js
- Redux
Data
- REST
- GraphQL
- MongoDB
- Firebase
- PostgreSQL
Back End
- Node.js
- Express.js
- Apollo Server
Content Management
- Sanity.io
- Strapi
- Shopify
- WordPress
Testing
- Jest
- React Testing Library
- Playwright
- Cypress
- TestCafe
Other
- Progressive Web Apps
- Storybook
- Figma
- Docker
- PHP
- Liquid
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
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
Tasty
A multi-page website of tasty recipes, inspired by Delish.com. Content is saved and provided by Strapi CMS, with images and video hosted in Cloudinary.
- Gatsby
- React
- TypeScript
- Strapi
- Tailwind
Tasty
A multi-page website of tasty recipes, inspired by Delish.com. Content is saved and provided by Strapi CMS, with images and video hosted in Cloudinary.
- Gatsby
- React
- TypeScript
- Strapi
- Tailwind
Been There, Done That
A travel destination log. City and tourist attraction data is provided by the Geoapify Places API and converted to GraphQL with Apollo Server and Apollo Client.
- React
- TypeScript
- GraphQL
- Apollo Client
- Apollo Server
- REST API
- MUI
- Mapbox
Been There, Done That
A travel destination log. City and tourist attraction data is provided by the Geoapify Places API and converted to GraphQL with Apollo Server and Apollo Client.
- React
- TypeScript
- GraphQL
- Apollo Client
- Apollo Server
- REST API
- MUI
- Mapbox