Selected Engineering Projects
Windows 11 Prototyping
At Microsoft, I worked on prototypes for many different projects, but the most significant one was in the service of designing Windows 11.
As part of the Design Systems team, I built a React- and TypeScript-based prototype of the (then-future) Windows 11 OS, including most of the system controls, the taskbar, start menu, notification center, and more. This allowed the designers to iterate and refine new designs without having to wait for the long process of updating Windows controls to see the impact to the user experience.
Relevant Skills
React
Redux
JSS
Typescript
JavaScript
HTML5
CSS/Sass
Lodash
MobX
Git
NPM
Webpack
Babel
Microsoft Store
I implemented the redesign of the buy box of the Microsoft Store product detail page (PDP). This UI is the most prominent part of the page, and needed to be flexible enough to accommodate many different combinations of content — different product types, with or without images in different locations, promotions, different buying options, and many other possibilities.
Accomplishing that involved working closely with both the designers and the back-end engineers, prototyping creative solutions, and a lot of iterating.
Relevant Skills
Sass
HTML5
React
JavaScript
CSS
CSHTML
Git
NPM
Visual Studio
Microsoft Web Style Guide
While at Microsoft, I worked on 3 separate component libraries with Windows-style controls for websites. One of them I owned by myself for a period of a year or two. I built and maintained components based on the needs of the design team, and interfaced with the engineering teams to help them build out their sites using my components.
As the owner of the project, I also was responsible for deployment, versioning, writing and messaging out patch notes, and maintaining the documentation site.
Relevant Skills
Sass
HTML5
jQuery
Handlebars
JavaScript
Grunt
JSON
Git
Gulp
NPM
Webpack
