I make stuff for the web using electricity 🔌 and an Apple 🍎💻.
I'm guessing you can, too.
Which is pretty neat when you think about it. 🤯
~
Have a look at some of the things I've worked on...
↯
-
A subscription-based web platform that provides reporting and tracking tools for companies in the real estate title industry. NaviStats is comprised of the two applications: TitleTrak and AgentMap.
-
Highcharts.js powers the graphs that help users visualize and summarize market data.
table.pie.chart.line.chart.mov
-
Builds upon Material UI's Date Range Picker component. It leverages the feature to easily select commonly used date ranges. (Code)
date.range.picker.mov
-
The NaviStats marketing website (navistats.com) is a WordPress site. The actual NaviStats web application, navistats.com/dashboard, is a React application served from the NaviStats WordPress site using the ReactPress plugin. This required solutions for some unique issues created by the WordPress-React relationship. For example:
-
WordPress handles URL routing by matching URL path segments to WordPress Pages. This includes routing users to the NaviStats Dashboard page (/dashboard) which loads the React application. But there's a limitation with the Dashboard's ability to handle routing operations using a tool like
react-router.For example, if I wanted to show in the user's URL that AgentMap is currenlty loaded, I ideally would like the URL to read as navistats.com/dashboard/agent-map. However, this will not work as intended. The WordPress router will attempt to load a WP Page that's assigned to the /agent-map route, which doesn't exist. React will never get the chance to load and control the routing to the React-based AgentMap and TitleTrak applications.
In order to allow some kind of URL customization that represented a user's current application and application state, I decided to leverage the search parameter component of a URL.
-
-
Open-Source Contributions
-
- Issue:
<ConfirmationNetworkSwitch/>contains deprecated components. - Solution: Replace
<Box/>,<Typography/>, &<SiteIcon/>with counterparts fromcomponent-library. - Discovered reason for failed attempts at updating UI snapshots for Jest tests.
- Issue:
-
- Issue:
<Chip/>has been deprecated in favor of<Tag/>. - Solution: Add deprecation warnings for
<Chip/>to its JSDocs and Storybook.
- Issue:
-
- Issue: 'Decrypt Request' view only shows part of a long decrypted message.
- Solution: Allow the decryted message box to be scrollable.
-
- Issue: Misaligned icons in 'Connected Sites' dropdown menu.
- Solution: Replaced a deprecated UI component with newer shared component.
- Helped another contributor get started on their first issue.
- In Carvana's income verification flow, a user is expected to upload proof of income documention. I implemented the UI/UX responsible for capturing those documents. (Code)
pay.stub.UX.mov